.social-planner{font-family:Arial,sans-serif;color:#172f42;background:#f4f7fa;padding:24px;border-radius:12px;min-height:80vh}.social-planner *{box-sizing:border-box}.social-planner h1{font-size:26px;margin:0 0 8px}.social-planner h2{font-size:20px}.social-planner .muted{color:#536b7a}.social-planner .top{display:flex;justify-content:space-between;align-items:center;gap:16px}.social-planner button{border:1px solid #b9cbd7;border-radius:6px;padding:10px 14px;color:#17374d;background:white;cursor:pointer;font-size:14px}.social-planner button.primary{background:#196ca5;color:white;border-color:#196ca5}.social-planner button:disabled{opacity:.45;cursor:default}.social-planner button:focus-visible,.social-planner input:focus-visible,.social-planner textarea:focus-visible,.social-planner select:focus-visible{outline:3px solid #60aada;outline-offset:2px}.social-planner nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.social-planner nav [aria-current=page]{background:#196ca5;color:white;border-color:#196ca5}.social-planner .panel{background:white;border:1px solid #d3dfe6;border-radius:10px;padding:20px;margin:16px 0}.social-planner .notice{padding:12px;border-radius:6px;background:#fff4d5;color:#684e12}.social-planner .error{color:#963832;background:#fff1ef}.social-planner .toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.social-planner .calendar{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:6px;margin-top:16px}.social-planner .day{min-height:115px;background:#fff;border:1px solid #d3dfe6;border-radius:6px;padding:8px}.social-planner .day strong{display:block;margin-bottom:8px}.social-planner .calendar .card{display:block;width:100%;text-align:left;padding:7px;margin:5px 0;font-size:12px;border-left:4px solid #217d5d}.social-planner .badge{display:inline-block;background:#e7f0f6;padding:4px 7px;border-radius:4px;font-size:12px;margin:2px}.social-planner .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.social-planner label{display:block;margin:12px 0;font-size:14px}.social-planner input,.social-planner textarea,.social-planner select{display:block;width:100%;border:1px solid #b9cbd7;border-radius:6px;padding:10px;font:inherit;margin-top:5px}.social-planner textarea{min-height:145px;resize:vertical}.social-planner input[type=checkbox]{display:inline;width:auto;margin-right:8px}.social-planner .preview{border:1px solid #d3dfe6;border-radius:6px;padding:16px;white-space:pre-wrap;word-break:break-word}.social-planner table{border-collapse:collapse;width:100%}.social-planner th,.social-planner td{text-align:left;padding:12px;border-bottom:1px solid #e0e8ee;vertical-align:top}.social-planner .scroll{overflow:auto}.social-planner .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.social-planner .small{font-size:12px}.social-planner .weekday{padding:8px;font-weight:bold;text-align:center}.social-planner .readonly{background:#eaf2f8;padding:12px;border-radius:6px}@media(max-width:800px){.social-planner{padding:14px}.social-planner .top{align-items:flex-start;flex-direction:column}.social-planner .calendar{grid-template-columns:1fr}.social-planner .weekday,.social-planner .day.empty{display:none}.social-planner .day{min-height:60px}}
.social-planner [hidden]{display:none!important}
.social-planner .media-card{border:1px solid #d3dfe6;border-radius:6px;padding:12px;min-width:0}
.social-planner .media-card strong{display:block;margin-bottom:10px;overflow-wrap:anywhere}
.social-planner .media-card img{display:block;width:100%;height:180px;object-fit:contain;background:#f4f7fa}
.social-planner .media-card:focus{outline:3px solid #60aada;outline-offset:2px}