.social-directory{max-width:1180px;margin:auto}.social-directory>section{margin:28px 0 40px}.social-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-directory-heading h2{margin:0}.social-directory-heading>span{padding:6px 12px;background:#e5eee4;border-radius:30px;color:#315342;font-size:13px}.social-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.social-directory-tile{display:flex;align-items:flex-start;gap:14px;min-height:155px;padding:22px;border:1px solid #d5dfd2;border-radius:18px;color:#243e32;text-decoration:none;background:#edf5ec;box-sizing:border-box;transition:transform .15s,box-shadow .15s}.social-directory-tile:hover{transform:translateY(-2px);box-shadow:0 6px 18px #294b3b15}.social-directory-tile:focus-visible{outline:3px solid #876634;outline-offset:3px}.social-directory-tile.tone-1{background:#f9efd9;border-color:#eadabc}.social-directory-tile.tone-2{background:#eee7f7;border-color:#ded3ed}.social-directory-tile.tone-3{background:#e6eff6;border-color:#cddde8}.social-tile-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#ffffff99;font:bold 25px Georgia}.social-tile-copy{display:flex;flex-direction:column;gap:9px;min-width:0}.social-tile-copy strong{font:700 20px/1.3 Georgia,serif;overflow-wrap:anywhere}.social-tile-copy small{color:#52645a;font-size:12px}.social-tile-copy>span{font-size:13px;color:#365e48;margin-top:5px}.social-directory-note{color:#666d64;font-size:14px}.social-directory-bottom{margin-top:30px;padding-top:22px;border-top:1px solid #e3dccd}.social-directory .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.social-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.social-directory-grid{grid-template-columns:1fr;gap:12px}.social-directory-tile{min-height:125px;padding:18px}.social-directory header h1{font-size:34px}}
.personal-calendar{background:#fffdf9;border:1px solid #e6ddcd;border-radius:16px;padding:24px;margin:20px 0}.personal-calendar h2,.personal-calendar h3{margin:0}.calendar-days{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calendar-days article{min-width:0}.calendar-toolbar,.calendar-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.calendar-list{list-style:none;padding:0;margin:12px 0}.calendar-list li{background:#f4f5ef;border-radius:10px;padding:12px;margin:8px 0}.calendar-list li>button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;width:100%;background:transparent;color:#294435;border:0;padding:0}.calendar-list span,.calendar-list small{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.calendar-list strong{font-size:17px}.calendar-list a{display:inline-block;margin-top:8px}.calendar-empty{color:#6a746e}.calendar-form{padding:18px 0}.calendar-form fieldset{border:0;padding:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.calendar-form label,.calendar-toolbar label{display:flex;flex-direction:column;gap:6px}.calendar-form input,.calendar-form select,.calendar-form textarea,.calendar-toolbar input{width:100%;box-sizing:border-box;padding:10px;min-height:42px;border:1px solid #d4d9ce;border-radius:7px;font:inherit}.calendar-wide{grid-column:1/-1}.calendar-form textarea{min-height:80px}@media(max-width:650px){.calendar-days,.calendar-form fieldset{grid-template-columns:1fr}.personal-calendar{padding:16px}}
.contact-points-history{margin:18px 0;padding:17px;border:1px solid #e4ddd2;border-radius:15px;background:#fbfaf6}.contact-points-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.contact-points-head .eyebrow{margin:0}.contact-points-head h4{margin:4px 0 0;color:var(--moss);font:700 20px Georgia,serif}.contact-points-head>span{padding:6px 9px;border-radius:999px;background:#eee6fa;color:#6d5887;font-size:11px;font-weight:700}.contact-points-grid{display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:8px;margin-top:14px}.contact-points-grid article{padding:12px 10px;border-radius:11px;border:1px solid #e4ded5;background:#fff}.contact-points-grid article.ordered{background:#edf5ed;border-color:#d7e7d8}.contact-points-grid article.not-ordered{background:#faf1f2;border-color:#efdadd}.contact-points-grid span,.contact-points-grid small,.contact-points-grid b{display:block}.contact-points-grid span{color:#68766e;font-size:11px;text-transform:capitalize}.contact-points-grid strong{display:block;margin:7px 0 1px;color:var(--moss);font:700 22px Georgia,serif}.contact-points-grid small{color:#7a837d;font-size:10px}.contact-points-grid b{margin-top:8px;color:#3f714b;font-size:11px}.contact-points-grid .not-ordered b{color:#9b5660}.contact-points-message{margin:13px 0 0;color:var(--muted);font-size:12px}@media(max-width:900px){.contact-points-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.contact-points-history{padding:14px}.contact-points-grid{grid-template-columns:repeat(2,1fr)}.contact-points-grid strong{font-size:20px}}
.last-order-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:14px}.last-order-summary>div{padding:12px 14px;border-radius:11px;background:#fff;border:1px solid #e4ded5}.last-order-summary>div:first-child{background:#fff5df;border-color:#eddcb9}.last-order-summary>div.active{background:#edf5ed;border-color:#d7e7d8}.last-order-summary>div.expired{background:#fae6e8;border-color:#efd3d7}.last-order-summary span,.last-order-summary strong,.last-order-summary small{display:block}.last-order-summary span{color:#6e7972;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.last-order-summary strong{margin-top:5px;color:var(--moss);font:700 16px Georgia,serif}.last-order-summary .expired strong{color:#984c57}.last-order-summary small{margin-top:4px;color:#778078;font-size:10px}@media(max-width:900px){.last-order-summary{grid-template-columns:1fr}}
.last-order-summary>div.warning{background:#fff0d9;border-color:#ecd5ac}.last-order-summary .warning strong{color:#8a6228}
.contact-points-grid article.preliminary{box-shadow:inset 0 0 0 2px #d8e6f0}.contact-points-grid em{display:block;margin-top:7px;color:#597387;font-size:10px;font-style:normal;font-weight:700}
.sponsor-filter-label{position:relative;display:grid;gap:7px;color:var(--moss);font-size:12px;font-weight:700}.sponsor-filter{position:relative}.sponsor-filter>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 13px;border:1px solid #d8d2c6;border-radius:10px;background:#fff;color:var(--ink);font:14px Arial,sans-serif;cursor:pointer;list-style:none}.sponsor-filter>summary::-webkit-details-marker{display:none}.sponsor-filter>summary:after{content:'⌄';color:#7b6850;font-size:16px}.sponsor-filter[open]>summary{outline:3px solid rgba(182,133,70,.16);border-color:#b68546}.sponsor-filter-menu{position:absolute;z-index:20;top:calc(100% + 7px);left:0;width:min(360px,calc(100vw - 42px));padding:13px;border:1px solid #d9d2c6;border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(45,63,52,.18)}.sponsor-filter-menu>input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d8d2c6;border-radius:9px}.sponsor-filter-quick{display:flex;gap:7px;margin-bottom:9px}.sponsor-filter-quick button{margin:0;padding:7px 9px}.sponsor-filter-options{display:grid;gap:4px;max-height:230px;margin-top:9px;padding-right:3px;overflow:auto}.sponsor-filter-options label{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;padding:8px 7px;border-radius:8px;color:var(--ink)!important;font-size:13px!important;font-weight:400!important;cursor:pointer}.sponsor-filter-options label:hover{background:#f4f1ea}.sponsor-filter-options input{width:17px!important;height:17px!important;min-height:0!important;flex:0 0 17px;margin:0}.sponsor-filter-options p{margin:8px;color:var(--muted);font-weight:400}.sponsor-filter-clear{width:100%;margin-top:10px}
.monthly-review{margin:16px 0 32px;padding:30px;border:1px solid #e7dfd2;border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 16px 45px rgba(57,73,61,.07)}
.review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.review-head h1{margin:6px 0 8px;font-size:42px}.review-head p:not(.eyebrow){max-width:700px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}.review-head-actions{display:flex;gap:9px;flex:0 0 auto}.review-history-note{margin:22px 0 0;padding:11px 14px;border-radius:10px;background:#f5f3ed;color:var(--muted);font-size:12px}
.review-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.review-stats>div{padding:17px 19px;border-radius:15px}.review-stats>div:nth-child(1){background:#e8f3ea}.review-stats>div:nth-child(2){background:#fbf0dc}.review-stats>div:nth-child(3){background:#f1e9fb}.review-stats span,.review-stats small{display:block;color:#68736c}.review-stats span{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.review-stats strong{display:block;margin-top:5px;color:var(--moss);font:29px Georgia,serif}.review-stats small{margin-top:4px;font-size:12px}
.review-filters{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(260px,1fr) minmax(240px,1.2fr);gap:13px;padding:18px;border-radius:16px;background:#f8f7f2}.review-filters label{display:grid;gap:7px;color:var(--moss);font-size:12px;font-weight:700}.review-filters select,.review-filters input:not([type=checkbox]){width:100%;min-height:46px;padding:10px 13px;border:1px solid #d8d2c6;border-radius:10px;background:white;color:var(--ink);font:14px Arial,sans-serif}.review-filters select:focus,.review-filters input:focus{outline:3px solid rgba(182,133,70,.16);border-color:#b68546}.review-check{display:flex!important;grid-column:1/-1;flex-direction:row;align-items:center}.review-check input{width:18px;height:18px}.review-explanation{margin:13px 2px;color:var(--muted);font-size:13px;line-height:1.5}.review-result{margin:13px 2px;color:var(--moss);font-size:13px;font-weight:700}
.activity-review-list{display:grid;gap:9px;margin-top:16px}.activity-review-card{display:grid;grid-template-columns:auto minmax(210px,1.4fr) minmax(135px,.65fr) minmax(130px,.65fr) auto;align-items:center;gap:13px;padding:13px 15px;border:1px solid #e6e1d7;border-radius:14px;background:#fffdfa;transition:.16s ease}.activity-review-card:hover{border-color:#d7c8ae;box-shadow:0 7px 20px rgba(64,73,64,.06);transform:translateY(-1px)}.activity-person-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f0e5;color:var(--moss);font:700 18px Georgia,serif}.activity-person-main{min-width:0}.activity-person-main strong,.activity-person-main small{display:block;overflow-wrap:anywhere}.activity-person-main strong{font:700 16px Georgia,serif;color:var(--moss)}.activity-person-main small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.4}.activity-status{justify-self:start;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.activity-status.watch{background:#edf3ea;color:#41604a}.activity-status.warning{background:#fbf0dc;color:#8a6228}.activity-status.danger{background:#f7e1e1;color:#944849}.activity-status.expired{background:#ecebea;color:#6d6d6a}.activity-status.active{background:#e4f1e8;color:#34704a}.activity-status.unknown{background:#eee8f6;color:#706891}.activity-recommendation{color:#5f6c64;font-size:13px}.activity-no-contact{color:#8a5f61;font-size:12px;font-weight:700}.activity-review-card button{white-space:nowrap}.review-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:20px 0}.review-pagination span{color:var(--muted);font-size:13px}.history-import{margin-top:24px;padding:14px 16px;border:1px solid #e6e1d7;border-radius:12px;background:#faf9f5}.history-import summary{cursor:pointer;color:var(--moss);font-weight:700}.history-import label{display:grid;gap:8px;margin-top:14px}
@media(max-width:1000px){.activity-review-card{grid-template-columns:auto 1fr auto}.activity-recommendation{grid-column:2}.activity-review-card button,.activity-no-contact{grid-column:3;grid-row:1/3}}
@media(max-width:760px){.monthly-review{padding:20px 14px;border-radius:17px}.review-head{display:block}.review-head h1{font-size:34px}.review-head-actions{margin-top:16px}.review-stats{grid-template-columns:1fr 1fr}.review-stats>div:last-child{grid-column:1/-1}.review-filters{grid-template-columns:1fr;padding:14px}.activity-review-card{grid-template-columns:auto 1fr;padding:12px}.activity-status,.activity-recommendation,.activity-review-card button,.activity-no-contact{grid-column:2;grid-row:auto;justify-self:start}.activity-review-card button{width:100%}.review-pagination{flex-wrap:wrap}}
@media(max-width:460px){.review-stats{grid-template-columns:1fr}.review-stats>div:last-child{grid-column:auto}.review-head-actions{flex-wrap:wrap}.review-head-actions button{flex:1}.activity-person-avatar{width:38px;height:38px}}

.benefit-note{display:flex;align-items:center;gap:14px;margin:14px 0;padding:13px 16px;border-radius:12px;background:#fff7e9;border:1px solid #efdfc1;color:#6e5b3d}.benefit-note strong{white-space:nowrap;color:#795423}.benefit-note span{font-size:13px;line-height:1.45}.benefit-list{display:grid;gap:10px;margin-top:16px}.benefit-card{display:grid;grid-template-columns:auto minmax(190px,1fr) 105px 145px auto;grid-template-rows:auto auto;align-items:center;column-gap:16px;row-gap:10px;min-height:96px;padding:16px 18px;border:1px solid #e5dfd5;border-radius:15px;background:#fff;transition:.16s ease}.benefit-avatar{grid-column:1;grid-row:1/3}.benefit-person{grid-column:2;grid-row:1}.benefit-points{grid-column:3;grid-row:1}.benefit-expiry{grid-column:4;grid-row:1}.benefit-card>button,.benefit-card>.activity-no-contact{grid-column:5;grid-row:1}.benefit-following{grid-column:2/5;grid-row:2;padding-top:9px;border-top:1px solid #eee9e1}.benefit-card:hover{transform:translateY(-1px);border-color:#d7c29f;box-shadow:0 8px 22px rgba(65,72,62,.07)}.benefit-avatar{background:#f5ead5;color:#8a6228}.benefit-person strong,.benefit-person small,.benefit-points strong,.benefit-points small,.benefit-following>span,.benefit-expiry span,.benefit-expiry strong,.benefit-expiry small{display:block}.benefit-person strong{font:700 16px Georgia,serif;color:var(--moss)}.benefit-person small,.benefit-following>span,.benefit-expiry span,.benefit-expiry small{margin-top:4px;color:var(--muted);font-size:11px}.benefit-points{padding:10px;border-radius:12px;text-align:center}.benefit-points.commission{background:#fbefdd;color:#865d27}.benefit-points.coins{background:#eee5fb;color:#6e548b}.benefit-points strong{font:700 20px Georgia,serif}.benefit-points small{font-size:10px}.benefit-months{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.benefit-months small{padding:7px 10px;border-radius:8px;font-size:12px;font-weight:700}.benefit-months .ordered{background:#e2efe4;color:#316343}.benefit-months .not-ordered{background:#fae6e8;color:#944b56}.benefit-months .missing{background:#ececea;color:#6d706c}.benefit-expiry strong{margin-top:5px;font:700 16px Georgia,serif;color:#715022}.benefit-card>button{white-space:nowrap}
@media(max-width:1050px){.benefit-card{grid-template-columns:auto minmax(170px,1fr) 95px 135px;grid-template-rows:auto auto auto}.benefit-avatar{grid-row:1/4}.benefit-person{grid-column:2}.benefit-points{grid-column:3}.benefit-expiry{grid-column:4}.benefit-following{grid-column:2/5;grid-row:2}.benefit-card>button,.benefit-card>.activity-no-contact{grid-column:2/5;grid-row:3;justify-self:start}}
@media(max-width:760px){.benefit-note{display:block}.benefit-note span{display:block;margin-top:5px}.benefit-card{grid-template-columns:auto 1fr;grid-template-rows:auto;padding:14px}.benefit-avatar{grid-column:1;grid-row:1}.benefit-person{grid-column:2;grid-row:1}.benefit-points{grid-column:1;grid-row:2;width:48px;padding:8px 4px}.benefit-following,.benefit-expiry,.benefit-card>button,.benefit-card>.activity-no-contact{grid-column:2;grid-row:auto}.benefit-following{padding-top:10px}.benefit-card>button{width:100%}.benefit-months small{font-size:12px}}
.benefit-card{grid-template-columns:minmax(300px,1.15fr) minmax(285px,1fr) auto;grid-template-rows:auto;gap:20px;min-height:104px}.benefit-identity{display:grid;grid-template-columns:auto minmax(150px,1fr) 86px;align-items:center;gap:13px;min-width:0}.benefit-identity .benefit-avatar,.benefit-identity .benefit-person,.benefit-identity .benefit-points{grid-column:auto;grid-row:auto}.benefit-details{display:grid;grid-template-columns:minmax(155px,1fr) 125px;align-items:center;gap:16px;min-width:0}.benefit-details .benefit-following,.benefit-details .benefit-expiry{grid-column:auto;grid-row:auto}.benefit-details .benefit-following{padding:0;border:0}.benefit-card>button,.benefit-card>.activity-no-contact{grid-column:3;grid-row:1;justify-self:end}.benefit-months{gap:7px}.benefit-months small{min-width:74px;text-align:center}@media(max-width:980px){.benefit-card{grid-template-columns:1fr auto}.benefit-identity,.benefit-details{grid-column:1}.benefit-card>button,.benefit-card>.activity-no-contact{grid-column:2;grid-row:1/3}.benefit-details{padding-top:10px;border-top:1px solid #eee9e1}}@media(max-width:760px){.benefit-card{display:grid;grid-template-columns:1fr;gap:14px}.benefit-identity{grid-template-columns:auto 1fr 78px}.benefit-details{grid-template-columns:1fr}.benefit-card>button,.benefit-card>.activity-no-contact{grid-column:1;grid-row:auto;justify-self:stretch}.benefit-card>button{width:100%}}

/* The sidebar leaves a narrower content column even on a wide monitor. Keep each card
   in two calm rows so the values never compete for horizontal space. */
@media(min-width:761px){
  .benefit-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:13px 18px;min-height:132px;padding:17px 20px}
  .benefit-identity{grid-column:1;grid-row:1;grid-template-columns:42px minmax(0,1fr) 104px;gap:14px}
  .benefit-person strong{font-size:18px}.benefit-person small{font-size:12px;line-height:1.45}
  .benefit-points{min-width:104px;padding:11px 12px}.benefit-points strong{font-size:22px}.benefit-points small{font-size:11px}
  .benefit-card>button,.benefit-card>.activity-no-contact{grid-column:2;grid-row:1;min-width:148px;justify-self:end}
  .benefit-details{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) 165px;gap:20px;padding-top:13px;border-top:1px solid #e9e3d9}
  .benefit-details .benefit-following{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:12px;padding:0;border:0}
  .benefit-following>span{margin:0;font-size:12px;font-weight:700;color:#66716a}
  .benefit-months{margin:0;gap:8px}.benefit-months small{min-width:96px;padding:8px 11px;font-size:13px;line-height:1.2}
  .benefit-expiry{padding-left:18px;border-left:1px solid #e9e3d9}.benefit-expiry span{margin:0;font-size:12px}.benefit-expiry strong{font-size:18px}
}
@media(min-width:761px) and (max-width:930px){.benefit-details .benefit-following{grid-template-columns:1fr}.benefit-months{margin-top:3px}}
.review-filters{grid-template-columns:repeat(2,minmax(240px,1fr))}@media(max-width:760px){.review-filters{grid-template-columns:1fr}}

/* Aktivita sítě: body zvoleného měsíce a plánování přímo u vybraného řádku. */
.activity-review-card{grid-template-columns:auto minmax(180px,1.35fr) 82px minmax(128px,.7fr) minmax(120px,.65fr) auto}
.activity-review-card.is-open{border-color:#cdb78f;box-shadow:0 10px 28px rgba(64,73,64,.08)}
.activity-current-points{display:grid;justify-items:center;min-width:72px;padding:8px 9px;border-radius:11px;background:#f2f1ed;color:#827c72}
.activity-current-points.has-points{background:#e8f3ea;color:#2f6846}
.activity-current-points strong{font:700 18px Georgia,serif;line-height:1}
.activity-current-points small{margin-top:4px;font-size:10px;white-space:nowrap}
.activity-inline-plan{grid-column:1/-1;width:100%;margin-top:3px;padding-top:15px;border-top:1px solid #e7dfd2}
.activity-inline-plan .contact-planning{margin:0;box-shadow:none}
@media(max-width:1100px){
  .activity-review-card{grid-template-columns:auto minmax(0,1fr) 90px auto}
  .activity-current-points{grid-column:3;grid-row:1}
  .activity-status{grid-column:2;grid-row:2}
  .activity-recommendation{grid-column:2;grid-row:3}
  .activity-review-card>button,.activity-review-card>.activity-no-contact{grid-column:4;grid-row:1/4}
  .activity-inline-plan{grid-column:1/-1;grid-row:auto}
}
@media(max-width:760px){
  .activity-review-card{grid-template-columns:auto minmax(0,1fr) 76px}
  .activity-current-points{grid-column:3;grid-row:1}
  .activity-status,.activity-recommendation{grid-column:2/4;grid-row:auto}
  .activity-review-card>button,.activity-review-card>.activity-no-contact{grid-column:2/4;grid-row:auto;justify-self:stretch}
  .activity-inline-plan{grid-column:1/-1}
}
.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.content-studio label{display:grid;gap:7px;font-size:14px}.studio-fields input,.studio-fields select{min-width:0;width:100%;padding:10px;border:1px solid #cfc9c0;border-radius:8px;background:white;color:var(--ink)}.studio-options{display:grid;gap:12px;margin:18px 0}.studio-options label{display:flex;align-items:center}.content-studio small{display:block;margin-top:12px;color:var(--muted)}.content-studio textarea{font:15px/1.6 Arial,sans-serif}.studio-actions{flex-wrap:wrap}@media(max-width:650px){.studio-fields{grid-template-columns:1fr}}
.studio-image-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin:18px 0}.studio-image-library figure{margin:0;padding:10px;border:1px solid #e7e2d8;border-radius:10px;background:white}.studio-image-library img{display:block;width:100%;height:150px;object-fit:contain}.studio-image-library figcaption{font-size:12px;overflow-wrap:anywhere;margin-top:8px}.studio-publication-image{display:block;max-width:100%;width:auto;max-height:440px;object-fit:contain;margin:16px auto}.content-studio .rule select{max-width:100%;padding:10px;border:1px solid #cfc9c0;border-radius:8px;background:white}
.studio-link-preview{margin:16px 0;padding:16px;border:1px solid #e7e2d8;border-radius:10px;background:#faf8f3;min-width:0}.studio-link-preview h4{margin:0 0 8px}.studio-link-address,.studio-link-preview a{overflow-wrap:anywhere}
.studio-folders { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:24px 0; }
.studio-folders button { display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:28px; background:#f5f1e9; color:#304c3d; border:1px solid #e6dccb; border-radius:16px; text-align:left; }
.studio-folders strong { font-size:22px; }
.studio-folders span { font-size:14px; font-weight:normal; }
.studio-folders button:hover { background:#ece5d5; }
.studio-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.studio-tabs button { background:#f5f1e9; color:#304c3d; }
.studio-tabs button[aria-pressed="true"] { background:#304c3d; color:white; }
.content-studio [hidden] { display:none !important; }
.studio-advanced { margin:16px 0; padding:12px; border:1px solid #e6dccb; border-radius:10px; }
.studio-advanced summary { cursor:pointer; font-weight:600; }
.studio-target-guidance { padding:12px; background:#edf2ec; border-radius:10px; }
@media(max-width:760px) { .studio-folders { grid-template-columns:1fr; } }
.studio-destination-picker { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:8px; margin:16px 0; }
.studio-destination-picker label { display:flex; align-items:flex-start; gap:10px; padding:12px; background:#f5f1e9; border-radius:10px; }
.studio-destination-picker input[type="checkbox"] { width:auto; flex-shrink:0; margin-top:4px; }
.studio-destination-picker small { display:block; margin-top:4px; font-weight:normal; }

.content-studio input[type="url"] { box-sizing:border-box; display:block; width:100%; min-width:0; min-height:46px; padding:12px 14px; font:16px/1.4 Arial,sans-serif; border:1px solid #cfc9c0; border-radius:8px; background:white; color:var(--ink); }
.content-studio select { box-sizing:border-box; width:100%; min-width:0; min-height:46px; padding:10px 14px; font:16px/1.4 Arial,sans-serif; border:1px solid #cfc9c0; border-radius:8px; background:white; color:var(--ink); }
.content-studio .studio-quick-publish{width:100%;min-height:48px;margin:8px 0 12px;font-size:15px}
.content-studio .studio-primary-action{width:100%;min-height:52px;margin:18px 0 10px;font-size:17px}
.ai-chat{margin:26px 0;padding:20px;border:1px solid #d8c9b3;border-radius:16px;background:linear-gradient(180deg,#fffdf9 0%,#f7f2ea 100%)}
.ai-chat>legend{padding:0 10px;font:700 22px/1.2 Georgia,serif;color:var(--ink)}
.ai-chat-start{display:grid;gap:10px}.ai-chat-start .studio-primary-action{margin:8px 0 0}
.ai-chat-thread{display:grid;gap:14px}.ai-chat-thread details{padding:12px;border:1px solid #e6dccb;border-radius:10px;background:#fff}
.ai-chat-user{max-width:82%;margin:10px 0 10px auto;padding:11px 14px;border-radius:14px 14px 4px 14px;background:#eadcff;color:#432a58;white-space:pre-wrap}
.ai-chat-assistant{padding:18px;border:1px solid #d5e2d7;border-radius:4px 16px 16px 16px;background:#edf5ee}
.ai-chat-assistant strong{display:block;margin-bottom:10px;color:#31553e}.ai-chat-assistant p{margin:0;white-space:pre-wrap;font:16px/1.65 Arial,sans-serif}
.ai-chat-thread>label textarea{min-height:110px;border:2px solid #d5b7ef;background:white}
.ai-chat-approved{padding:16px;border:1px solid #b9d3bd;border-radius:12px;background:#e8f4e9}.ai-chat-approved strong{font-size:18px;color:#28543a}
.studio-step-title{margin:26px 0 14px;font:700 22px/1.25 Georgia,serif;color:var(--ink)}
.studio-working-text{background:#f8f6f1}.studio-working-text>summary{color:#5d6d63}
@media(max-width:650px){.ai-chat{padding:15px}.ai-chat-user{max-width:94%}.ai-chat .studio-actions button{width:100%}}
.thematic-library{margin:0 0 28px;padding:24px;border:1px solid #e4dac9;border-radius:18px;background:#fffdf9;box-shadow:0 12px 34px rgba(43,70,57,.06)}
.thematic-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.thematic-heading h2{margin:2px 0 6px}.thematic-heading p{margin:0}.thematic-heading>span{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#f4e8ce;color:#76531d;font-size:12px;font-weight:800}
.thematic-template-list{display:grid;gap:10px}.thematic-template-group{display:grid;gap:12px}.thematic-template{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:16px;border:1px solid transparent;border-left:4px solid #813b55;border-radius:12px;background:#fbf0f3;color:inherit;text-align:left;cursor:pointer}.thematic-template:hover,.thematic-template:focus-visible{border-color:#d9abb9;border-left-color:#813b55;box-shadow:0 3px 12px rgba(129,59,85,.09)}.thematic-template.open{border-color:#d9abb9;border-left-color:#813b55}.thematic-template small,.thematic-template strong,.thematic-template p{display:block}.thematic-template small{color:#813b55;font-weight:800;letter-spacing:1px}.thematic-template strong{margin-top:5px;font-family:Georgia,serif;font-size:20px;color:#4a2834}.thematic-template p{margin:4px 0 0}.thematic-template>span{display:flex;flex:0 0 auto;align-items:center;gap:14px;color:#813b55;font-size:12px}.thematic-template i{font-size:25px;font-style:normal;line-height:1;transition:transform .2s}.thematic-template.open i{transform:rotate(180deg)}
.thematic-grid{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:18px}.thematic-contacts,.thematic-work{display:block;width:auto;min-width:0;padding:18px;border:1px solid #e8e0d3;border-radius:14px;background:#faf8f3;color:#172b24}.thematic-contacts label,.thematic-fields label{display:grid;gap:6px;color:#172b24;font-weight:700}.thematic-contacts input,.thematic-fields input{width:100%;box-sizing:border-box;background:#fff;color:#172b24}.thematic-contacts input::placeholder{color:#777f79;opacity:1}.thematic-result-count{margin:8px 0 0;color:#5d655f;font-size:12px}.thematic-contact-list{max-height:500px;margin-top:12px;overflow:auto}.thematic-contact-list button{display:block;width:100%;margin:7px 0;padding:11px;border:1px solid #e4dacb;border-radius:10px;background:#fff;color:#172b24;text-align:left}.thematic-contact-list button.active{border-color:#a97532;background:#f5ead7;box-shadow:0 0 0 2px rgba(169,117,50,.1)}.thematic-contact-list strong,.thematic-contact-list small{display:block}.thematic-contact-list small{margin-top:4px;font-weight:400}.thematic-contact-list em{display:inline-block;margin:7px 5px 0 0;padding:3px 7px;border-radius:999px;background:#f3dadd;color:#8a3344;font-size:11px;font-style:normal;font-weight:800}.thematic-contact-list em.sent{background:#e3efe6;color:#315d43}
.thematic-active-title{grid-column:1/-1;padding:14px 16px;border:1px solid #ccddcf;border-radius:12px;background:#edf5ee;color:#18392b}.thematic-active-title small,.thematic-active-title strong{display:block}.thematic-active-title small{color:#6e806f;font-size:11px;font-weight:800;letter-spacing:1px}.thematic-active-title strong{margin-top:4px;font-family:Georgia,serif;font-size:19px}.thematic-active-title p{margin:4px 0 0;color:#5d655f}
.thematic-work h3{margin:0 0 12px;font-family:Georgia,serif;font-size:24px}.thematic-empty{padding:30px 18px;text-align:center;color:#5d655f}.thematic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thematic-fields .thematic-wide{grid-column:1/-1}.thematic-age-check{display:flex!important;align-items:center;gap:9px;padding:10px;border-radius:9px;background:#eef6ef}.thematic-age-check input{width:18px!important;flex:0 0 auto}.thematic-birthday-note{margin:0;padding:10px;border-radius:9px;background:#f5f0e8;color:#5d655f}.thematic-vip{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:13px;border:1px solid #d3dfd3;border-radius:10px;background:#eef6ef;color:#294b3b;font-weight:800}.thematic-vip input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:#2f5544}.thematic-warning{padding:12px;border-radius:10px;background:#f8e7e4;color:#8b3f35;font-weight:700}.thematic-gmail{padding:10px 12px;border-radius:10px;background:#f5f0e8}.thematic-work .email-preview iframe{height:720px}
.thematic-inactive-info{margin:16px 0;padding:14px;border:1px solid #dbc99f;border-radius:10px;background:#fff6df;color:#5f471d}.thematic-inactive-info p{margin:5px 0 0}
@media(max-width:900px){.thematic-grid{grid-template-columns:1fr}.thematic-contact-list{max-height:330px}}
@media(max-width:620px){.thematic-library{padding:16px}.thematic-heading,.thematic-template{align-items:stretch;flex-direction:column}.thematic-heading>span,.thematic-template>span{align-self:stretch;justify-content:space-between}.thematic-fields{grid-template-columns:1fr}.thematic-work .email-preview iframe{height:560px}}
.contact-enrichment{background:linear-gradient(135deg,#fff 0%,#f4edff 100%)}.contact-enrichment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.contact-enrichment-actions .file-pick{margin:0}.contact-enrichment-preview{margin-top:18px;padding:19px;border:1px solid #d9c9ef;border-radius:15px;background:#fff}.contact-enrichment-preview h3{margin:0 0 6px;color:var(--moss);font:700 21px Georgia,serif}.contact-enrichment-preview ul{display:grid;gap:7px;padding:0;list-style:none}.contact-enrichment-preview li{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:9px;background:#f7f8f4}.contact-enrichment-preview li span{color:var(--muted);font-size:12px}@media(max-width:650px){.contact-enrichment-actions{display:grid}.contact-enrichment-actions>*{width:100%}.contact-enrichment-preview li{display:grid;gap:3px}}
.database-contacts {
  margin-top: 32px;
  padding: 30px;
  border: 1px solid #e7dfd2;
  border-radius: 22px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 16px 45px rgba(57, 73, 61, .07);
}
.contacts-panel-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.contacts-panel-head h2 { margin: 4px 0 8px; font-size: 29px; color: var(--moss); }
.contacts-panel-head p:not(.eyebrow) { max-width: 680px; margin: 0; color: var(--muted); line-height: 1.55; }
.contacts-head-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; flex: 0 0 auto; }
.contacts-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 26px 0 18px; }
.contacts-stats > div { padding: 17px 19px; border-radius: 15px; border: 1px solid transparent; }
.contacts-stats > div:nth-child(1) { background: #e8f3ea; border-color: #d3e5d7; }
.contacts-stats > div:nth-child(2) { background: #f1e9fb; border-color: #e3d4f5; }
.contacts-stats > div:nth-child(3) { background: #fbf0dc; border-color: #eddcba; }
.contacts-stats span,.contacts-stats small { display: block; color: #68736c; }
.contacts-stats span { margin-bottom: 5px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.contacts-stats strong { display: block; color: var(--moss); font: 30px/1.05 Georgia, serif; }
.contacts-stats strong em { color: #7f877f; font-size: 16px; font-style: normal; }
.contacts-stats small { margin-top: 4px; font-size: 12px; }
.contacts-filters { display: grid; grid-template-columns: minmax(260px, 1.4fr) minmax(210px, .9fr) minmax(180px, .7fr); gap: 14px; padding: 18px; border-radius: 16px; background: #f8f7f2; }
.contacts-filters label { display: grid; gap: 7px; color: var(--moss); font-size: 12px; font-weight: 700; }
.contacts-filters input,.contacts-filters select { width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid #d8d2c6; border-radius: 10px; background: #fff; color: var(--ink); font: 14px Arial, sans-serif; }
.contacts-filters input:focus,.contacts-filters select:focus { outline: 3px solid rgba(182, 133, 70, .16); border-color: #b68546; }
.contacts-result { margin: 14px 2px 8px; color: var(--muted); font-size: 13px; }
.contacts-pagination { display: flex; justify-content: center; align-items: center; gap: 14px; margin: 18px 0; }
.contacts-pagination span { min-width: 105px; color: var(--muted); font-size: 13px; text-align: center; }
.database-contact-list { display: grid; gap: 9px; margin-top: 14px; }
.database-contact-card { overflow: hidden; border: 1px solid #e6e1d7; border-radius: 13px; background: #fffdfa; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.database-contact-card:hover { border-color: #d7c8ae; box-shadow: 0 7px 20px rgba(64, 73, 64, .06); transform: translateY(-1px); }
.database-contact-card[open] { border-color: #cbdcca; background: #fff; box-shadow: 0 10px 28px rgba(57, 73, 61, .08); }
.database-contact-card.do-not-contact { border-color: #e9bdc6; background: #fff9fa; }
.database-contact-card.do-not-contact[open] { box-shadow: 0 10px 28px rgba(132, 65, 81, .1); }
.database-contact-card.do-not-contact .contact-list-main > strong { color: #a33d56; }
.database-contact-card summary { display: flex; align-items: center; gap: 13px; min-height: 66px; padding: 10px 18px 10px 12px; cursor: pointer; list-style: none; }
.database-contact-card summary::-webkit-details-marker { display: none; }
.database-contact-card summary::after { content: '›'; margin-left: 2px; color: #8b6b38; font: 25px/1 Georgia, serif; transition: transform .16s ease; }
.database-contact-card[open] summary::after { transform: rotate(90deg); }
.contact-list-avatar { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; background: #e7f0e5; color: var(--moss); font: 700 18px Georgia, serif; }
.database-contact-card:nth-child(3n+2) .contact-list-avatar { background: #f4e8ec; color: #8c5966; }
.database-contact-card:nth-child(3n+3) .contact-list-avatar { background: #eee7fa; color: #706891; }
.contact-list-main { min-width: 0; flex: 1; }
.contact-list-main strong,.contact-list-main small { display: block; overflow-wrap: anywhere; }
.contact-list-main strong { color: var(--moss); font: 700 16px/1.3 Georgia, serif; }
.do-not-contact-badge { display: inline-block; margin-left: 9px; padding: 4px 8px; border-radius: 999px; background: #f5dce2; color: #99374f; font: 700 10px/1 Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; vertical-align: 2px; }
.do-not-contact-note { padding: 10px 13px; border-radius: 10px; background: #f9e7eb; color: #8d3048; }
.contact-card-management { display: flex; flex-wrap: wrap; gap: 9px; padding-top: 12px; padding-bottom: 18px; border-top: 1px solid #eee4df; }
.contact-card-management button { margin: 0; }
.do-not-contact-button { background: #a8465d; border-color: #a8465d; color: #fff; }
.allow-contact-button { background: #e4d4ff; border-color: #b99ddd; color: #4f426a; }
.delete-contact-button { background: #fff; border-color: #bd5167; color: #9b3048; }
.delete-contact-button:hover:not(:disabled) { background: #a33d56; color: #fff; }
.contact-list-main small { margin-top: 3px; color: var(--muted); font-size: 12px; }
.contact-last-order{display:inline-block;margin-top:7px;padding:5px 8px;border-radius:999px;background:#e8f2e8;color:#3f684a;font:700 11px/1.2 Arial,sans-serif}.contact-last-order.none{background:#fae3e6;color:#a04457}
.contact-list-id { padding: 7px 10px; border-radius: 999px; background: #edf3ea; color: #3f5e48; font-size: 12px; font-weight: 700; white-space: nowrap; }
.contact-list-id.missing { background: #f7eadf; color: #925e3f; }
.database-contact-card > dl,.database-contact-card > p,.database-contact-card > div,.database-contact-card > button { margin-left: 18px; margin-right: 18px; }
.database-contact-card > dl { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 8px 15px; margin-top: 8px; padding: 20px; border-radius: 12px; background: #f7faf7; }
.database-contact-card dt { color: var(--muted); font-size: 12px; }
.database-contact-card dd { min-width: 0; margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.database-contact-card > button { margin-bottom: 16px; }
.database-contact-card .contact-direct-actions,.database-contact-card .studio-actions { margin-top: 12px; margin-bottom: 12px; }
.birthday-export{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0;padding:13px 15px;border:1px solid #dbcaf0;border-radius:12px;background:#f4edff}.birthday-export p{margin:0;color:#5d5274}.contact-row-paste{margin-top:14px!important;margin-bottom:18px!important;padding:19px;border:1px solid #d9c9ef;border-radius:15px;background:#faf7ff}.contact-row-paste-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:0!important}.contact-row-paste-head h3{margin:2px 0 0;color:var(--moss);font:700 21px Georgia,serif}.contact-row-paste>p{margin-left:0!important;margin-right:0!important}.contact-row-paste textarea{width:100%;min-height:92px;padding:11px;border:1px solid #d8d2c6;border-radius:10px;resize:vertical}.contact-row-paste-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px!important;margin:16px 0!important}.contact-row-paste-fields label{display:grid;gap:6px;color:var(--moss);font-size:12px;font-weight:700}.contact-row-paste-fields input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d8d2c6;border-radius:9px;background:#fff}.contact-row-paste-note{color:var(--muted);font-size:12px}
@media (max-width: 760px) {
  .database-contacts { margin-top: 22px; padding: 18px 14px; border-radius: 17px; }
  .contacts-panel-head { display: block; }
  .contacts-head-actions { justify-content: flex-start; margin-top: 16px; }
  .contacts-stats { grid-template-columns: 1fr 1fr; }
  .contacts-stats > div:last-child { grid-column: 1 / -1; }
  .contacts-filters { grid-template-columns: 1fr; padding: 14px; }
  .birthday-export{display:grid}.contact-row-paste-fields{grid-template-columns:1fr}
  .database-contact-card summary { gap: 10px; padding-right: 12px; }
  .contact-list-id { max-width: 112px; overflow: hidden; text-overflow: ellipsis; }
  .database-contact-card > dl { grid-template-columns: 1fr; gap: 3px; margin-left: 10px; margin-right: 10px; padding: 15px; }
  .database-contact-card dd { margin-bottom: 8px; }
  .database-contact-card > p,.database-contact-card > div,.database-contact-card > button { margin-left: 10px; margin-right: 10px; }
}
@media (max-width: 460px) {
  .contacts-stats { grid-template-columns: 1fr; }
  .contacts-stats > div:last-child { grid-column: auto; }
  .contacts-pagination { flex-wrap: wrap; gap: 8px; }
  .contacts-pagination span { order: -1; width: 100%; }
  .contact-list-avatar { width: 38px; height: 38px; flex-basis: 38px; }
  .contact-list-id { padding: 6px 8px; font-size: 10px; }
}

.database-contact-card .email-journey-checklist{margin:16px 0}
.database-ad-leads{display:grid;gap:9px;margin:18px 0}.database-ad-leads>.eyebrow{margin:0 0 3px}.database-ad-lead{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:13px;padding:14px 15px;border:1px solid #e2d7c4;border-radius:14px;background:#fffaf1}.database-ad-lead strong,.database-ad-lead small{display:block}.database-ad-lead strong{font:700 16px Georgia,serif;color:var(--moss)}.database-ad-lead small{margin-top:4px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.database-ad-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.database-ad-actions button{white-space:nowrap}@media(max-width:850px){.database-ad-lead{grid-template-columns:auto 1fr}.database-ad-lead>.contact-list-id,.database-ad-actions{grid-column:2;justify-self:start}.database-ad-actions{justify-content:flex-start}}@media(max-width:520px){.database-ad-actions{width:100%}.database-ad-actions button{width:100%}}
.contacts-filters{grid-template-columns:minmax(235px,1.3fr) minmax(195px,.9fr) minmax(165px,.7fr) minmax(195px,.9fr)}
@media(max-width:1120px){.contacts-filters{grid-template-columns:1fr 1fr}}@media(max-width:760px){.contacts-filters{grid-template-columns:1fr}}
.today-view {
  --today-ink: #172b24;
  --today-gold: #a97532;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  column-gap: 18px;
  position: relative;
}
.today-view header { grid-column: 1 / -1; position: relative; padding: 4px 4px 0; }
.today-view .right-top-text { position: absolute; right: 72px; top: 16px; max-width: 260px; margin: 0; color: var(--today-gold); font: italic 20px/1.25 Georgia, serif; text-align: right; opacity: .9; }
.today-view h1 { color: var(--today-ink); font-size: clamp(38px, 4vw, 58px); letter-spacing: -.8px; }
.today-view .sub { font-size: 18px; margin-top: 10px; }
.today-view .summary { grid-column: 1 / -1; grid-template-columns: repeat(5, 1fr); margin: 32px 0 20px; }
.today-view .quick-links { grid-column: 2; align-self: stretch; margin: 20px 0; padding: 24px; border: 1px solid #e6ddcd; border-radius: 16px; background: #fffdf9; }
.quick-links h2 { margin: 0 0 12px; color: var(--today-ink); }
.quick-links > div { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.quick-links a { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 11px; border: 1px solid #ebe4d8; border-radius: 11px; background: #faf8f3; color: var(--today-ink); text-decoration: none; }
.quick-links a:hover { border-color: #c9ab7a; background: #fff; }
.quick-links a.facebook { background: #e6f2ff; border-color: #c9def2; }
.quick-links a.facebook .summary-icon { background: #cfe5fb; color: #3f6f9f; }
.quick-links a.eshop { background: #e8f3ea; border-color: #cfe2d3; }
.quick-links a.eshop .summary-icon { background: #d5e9d8; color: #44553c; }
.quick-links a.vip { background: #fbf0d9; border-color: #ead5aa; }
.quick-links a.vip .summary-icon { background: #f1dfb8; color: #9a691f; }
.quick-links a.women { background: #f0e8fb; border-color: #dfcef4; }
.quick-links a.women .summary-icon { background: #e4d4ff; color: #706891; }
.quick-links a.facebook:hover { background: #dceeff; }
.quick-links a.eshop:hover { background: #dff0e3; }
.quick-links a.vip:hover { background: #f8e9c9; }
.quick-links a.women:hover { background: #eaddfa; }
.quick-links a > span:nth-child(2) { min-width: 0; flex: 1; }
.quick-links a strong, .quick-links a small { display: block; overflow-wrap: anywhere; }
.quick-links a small { margin-top: 2px; color: var(--muted); font-size: 11px; }
.quick-links .summary-icon { flex: 0 0 34px; width: 34px; height: 34px; margin: 0; }
.today-view .summary > div { min-height: 128px; padding: 23px 24px; border: 1px solid #e9e1d3; border-radius: 16px; background: rgba(255,255,255,.88); box-shadow: 0 8px 24px rgba(80,68,45,.06); position: relative; }
.today-view .summary > div::before { display: none; }
.today-view .summary > div::after { display: none; }
.today-view .summary > div:nth-child(1)::after { content: "✓"; }
.today-view .summary > div:nth-child(2)::after { content: "♧"; color: #a97532; }
.today-view .summary > div:nth-child(3)::after { content: "▥"; color: #a97532; }
.today-view .summary > div:nth-child(4)::after { content: "✦"; color: #b36d62; }
.today-view .summary > div:nth-child(2)::before { background: #f5ead7; }
.today-view .summary > div:nth-child(3)::before { background: #f4e7d5; }
.today-view .summary > div:nth-child(4)::before { background: #f8e7e4; }
.today-view .summary b { font-size: 34px; color: var(--today-ink); }
.today-view .summary-icon { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 10px; border-radius: 50%; color: #4c6a55; }
.today-view .summary-icon.sage { background: #e5efdf; }
.today-view .summary-icon.champagne { background: #f4ead7; color: #a97532; }
.today-view .summary-icon.gold { background: #f4e5d0; color: #a97532; }
.today-view .summary-icon.blush { background: #f8e7e4; color: #a8665c; }
.today-view .summary-card-clickable { cursor: pointer; }
.today-view .summary-card-clickable:hover { border-color: #c9ab7a; box-shadow: 0 10px 28px rgba(80,68,45,.1); }
.today-view .summary-card-clickable:focus-visible { outline: 2px solid var(--today-gold); outline-offset: 3px; }
.today-view .daily-routine { grid-column: 1; padding: 26px; border: 1px solid #e8e0d3; border-radius: 17px; box-shadow: 0 8px 24px rgba(80,68,45,.05); }
.today-view .daily-routine h2 { color: var(--today-ink); font-size: 30px; }
.today-view .routine-item { min-height: 54px; border: 1px solid #f0ece5; background: #faf8f3; border-radius: 11px; }
.today-view .routine-item label { cursor: pointer; }
.today-view .routine-item input { width: 18px; height: 18px; margin: 0 8px 0 12px; accent-color: #315d43; }
.today-view .routine-item.done { background: #eef6ef; border-color: #d3dfd3; }
.today-view .routine-item.done p { color: #6d786f; text-decoration: line-through; }
.today-view .routine-items { grid-template-columns: 1fr; }
.today-view .routine-item.calls { grid-column: span 1; }
.today-view .routine-item span { border-radius: 9px; padding: 11px 9px; background: #f8e8e5; color: #a04436; text-align: center; }
.today-view .routine-item:nth-child(2) span { background: #e4efdf; color: #326346; }
.today-view .routine-item:nth-child(3) span { background: #f5ead8; color: #97601f; }
.today-view .routine-item:nth-child(4) span { background: #eee7f7; color: #614b91; }
.today-view .board { grid-column: 2; padding: 26px; border-radius: 17px; box-shadow: 0 8px 24px rgba(80,68,45,.05); }
.today-view .board:not(.expanded) { max-height: 430px; overflow: hidden; }
.today-view .board.expanded { max-height: none; }
.today-view .board:not(.expanded) .task:nth-child(n+6) { display: none; }
.today-view .board:not(.expanded) .task-actions { display: none; }
.today-view .board:not(.expanded) .task { min-height: 58px; padding: 10px 12px; border: 0; border-bottom: 1px solid #eee9df; border-radius: 0; background: transparent; }
.today-view .board:not(.expanded) .task:last-child { border-bottom: 0; }
.today-view .board:not(.expanded) .task::after { content: "›"; color: #a97532; font-size: 24px; line-height: 1; }
.today-view .board:not(.expanded) .task h3 { font-size: 14px; }
.today-view .board:not(.expanded) .task p { margin: 3px 0 0; font-size: 11px; }
.today-view .board, .today-view .daily-routine { min-width: 0; }
.today-view .task h3, .today-view .task p { overflow-wrap: anywhere; }
.today-view .board h2 { color: var(--today-ink); font-size: 30px; }
.today-view .task { padding: 14px 16px; background: #fffdfa; border-radius: 12px; }
.today-view .task h3 { color: var(--today-ink); }
.today-view .task-actions button { border-radius: 18px; }
.today-view .title-heart { color: var(--today-gold); font: 42px Georgia, serif; margin-left: 5px; }
.today-view .daily-routine > small { margin-top: 15px; font-size: 14px; line-height: 1.5; }
.today-view .routine-quote { margin: 12px 0 0; color: #9b7037; font: italic 18px/1.4 Georgia, serif; }
.today-view .lower { grid-column: 1 / -1; }
.today-view .lower article { box-shadow: 0 8px 24px rgba(80,68,45,.04); }
@media (max-width: 1050px) { .today-view .summary { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 1100px) { .today-view { display: block; } .today-view .quick-links { margin-bottom: 18px; } .today-view .daily-routine, .today-view .board { margin-bottom: 18px; } }
@media (max-width: 560px) { .quick-links > div { grid-template-columns: 1fr; } }
@media (max-width: 800px) { .today-view { display: block; } .today-view .summary { grid-template-columns: 1fr; } .today-view h1 { font-size: 38px; } .today-view .sub { font-size: 16px; } }
@media (max-width: 800px) { .today-view header { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 12px; } .today-view header > div { min-width: 0; } .today-view header .profile { grid-column: 2; grid-row: 1; } .today-view .right-top-text { position: static; grid-column: 1 / -1; grid-row: 2; max-width: none; margin: 12px 4px 0; font-size: 18px; text-align: right; } }
.today-view .board.today-followups { max-height: none; overflow: visible; align-self: stretch; }
.today-followups .followup-count { font-size: 13px; color: var(--today-ink); }
.today-followups .followup-list { max-height: 350px; overflow-y: auto; }
.today-followups .followup-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid #eee9df; background: transparent; color: var(--today-ink); text-align: left; border-radius: 0; }
.today-followups .followup-row:hover { background: #faf8f3; }
.today-followups .followup-row:focus-visible { outline: 2px solid #a97532; outline-offset: -2px; }
.today-followups .followup-row .summary-icon { flex-shrink: 0; margin: 0; }
.today-followups .followup-copy { min-width: 0; flex: 1; }
.today-followups .followup-copy strong, .today-followups .followup-copy small { display: block; overflow-wrap: anywhere; }
.today-followups .followup-copy small { font-size: 12px; font-weight: normal; margin-top: 3px; }
.today-followups .followup-note { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.today-followups .followup-overdue { color: #a04436; }
.today-followups .contact-planning input, .today-followups .contact-planning select, .today-followups .contact-planning textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.today-followups .contact-planning fieldset { min-width: 0; }
.today-followups .followup-form { display: grid; grid-template-columns: 1fr; }
.today-followups .today-suggestions { margin-top: 18px; padding-top: 16px; border-top: 1px solid #e8e0d3; }
.today-followups .today-suggestions > .eyebrow { margin-bottom: 5px; }
.ad-lead-list { display: grid; gap: 9px; }
.ad-lead-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid #e8e0d3; border-radius: 11px; background: #fffdfa; }
.ad-lead-card strong, .ad-lead-card small, .ad-lead-card a { display: block; }
.ad-lead-card a { margin-top: 4px; color: var(--today-ink); font-weight: 700; }
.ad-lead-card small { margin-top: 3px; overflow-wrap: anywhere; }
.ad-lead-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.ad-lead-actions button { padding: 8px 10px; font-size: 11px; }
@media (max-width: 600px) { .ad-lead-card { align-items: stretch; flex-direction: column; } .ad-lead-actions { justify-content: flex-start; } }

.personal-todos .todo-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .45fr) auto; gap: 10px; align-items: end; margin: 18px 0; }
.personal-todos .todo-form label { margin: 0; }
.personal-todos .todo-form input { width: 100%; box-sizing: border-box; }
.personal-todos .todo-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.personal-todos .todo-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; border: 1px solid #ebe4d8; border-radius: 11px; background: #faf8f3; }
.personal-todos .todo-list span, .personal-todos .todo-list small { display: block; }
.personal-todos .todo-list small { margin-top: 3px; color: var(--muted); }
@media (max-width: 650px) { .personal-todos .todo-form { grid-template-columns: 1fr; } .personal-todos .todo-list li { align-items: stretch; flex-direction: column; } }

.today-view { --m-purple:#706891; --m-green:#44553c; --m-charcoal:#3f4441; --m-light:#f8fef5; --m-lavender:#e4d4ff; --m-eucalyptus:#cce0d6; --m-pink:#f2d9de; --m-sky:#d8e6f0; }
.today-view .summary > div:nth-child(2) .summary-icon { background: var(--m-lavender); color: var(--m-purple); }
.today-view .summary > div:nth-child(3) .summary-icon { background: var(--m-sky); color: #45667c; }
.today-view .summary > div:nth-child(4) .summary-icon { background: var(--m-pink); color: #9b5967; }
.today-view .summary > div:nth-child(5) .summary-icon { background: var(--m-eucalyptus); color: var(--m-green); }
.summary-icon.lavender { background: var(--m-lavender); color: var(--m-purple); }
.summary-icon.sky { background: var(--m-sky); color: #45667c; }
.today-followups.attention-compact { min-height: 300px; }
.today-followups .attention-occasions { padding-top: 12px; border-top: 1px solid #e8e0d3; }
.today-followups .attention-more { margin-top: 8px; }
.lower .personal-todos { min-width: 0; }
.personal-todos .todo-list { max-height: 280px; overflow-y: auto; }
.personal-todos .todo-bottom-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.todo-modal-backdrop { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:18px; background:rgba(35,45,40,.45); }
.todo-modal { width:min(520px,100%); padding:24px; border:1px solid #ded4c5; border-radius:18px; background:#fff; box-shadow:0 24px 70px rgba(20,30,25,.25); }
.todo-modal h3 { margin-top:0; color:var(--m-green); font-size:26px; }
.todo-modal label, .todo-modal textarea, .todo-modal input { width:100%; box-sizing:border-box; }
.todo-modal textarea { min-height:120px; }
.todo-modal > div { display:flex; gap:8px; margin-top:14px; }
@media (max-width:800px) { .today-followups.attention-compact { min-height:0; } .todo-modal { padding:18px; } }

.attention-accordion { align-self:start; }
@media (min-width:1101px) { .today-view .daily-routine, .today-view .attention-accordion { min-height:500px; box-sizing:border-box; margin-bottom:0; } }
.attention-groups { display:grid; gap:8px; margin:12px 0 16px; }
.attention-group { border:1px solid #e8e0d3; border-radius:12px; background:#fffdfa; overflow:hidden; }
.attention-group > summary { display:grid; grid-template-columns:40px minmax(0,1fr) auto 18px; align-items:center; gap:10px; padding:11px 12px; cursor:pointer; list-style:none; }
.attention-group > summary::-webkit-details-marker { display:none; }
.attention-group > summary > span:nth-child(2) { min-width:0; }
.attention-group > summary strong, .attention-group > summary small { display:block; }
.attention-group > summary strong { color:var(--today-ink); }
.attention-group > summary small { margin-top:2px; color:var(--muted); font-size:11px; }
.attention-group > summary > b { display:grid; place-items:center; min-width:30px; height:30px; padding:0 5px; border-radius:15px; background:#f2eee6; color:var(--m-charcoal); font-size:14px; }
.attention-group > summary > svg { transition:transform .2s ease; }
.attention-group[open] > summary > svg { transform:rotate(90deg); }
.attention-group[open] > summary { border-bottom:1px solid #e8e0d3; }
.attention-group-body { padding:6px 12px 12px; }
.attention-group-body > p { margin:10px 2px; }
.attention-birthdays > summary { background:linear-gradient(90deg,#fff,#f2d9de55); }
.attention-available > summary { background:linear-gradient(90deg,#fff,#d8e6f066); }
.attention-ads > summary { background:linear-gradient(90deg,#fff,#f5ead777); }
.attention-risk > summary { background:linear-gradient(90deg,#fff,#e4d4ff66); }
.attention-planned > summary { background:linear-gradient(90deg,#fff,#cce0d666); }
.attention-group .followup-list { max-height:320px; }
@media (max-width:600px) { .attention-group > summary { grid-template-columns:36px minmax(0,1fr) auto 16px; padding:10px; } }
.sound-alert-controls{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 1rem;justify-content:flex-end}.sound-alert-controls select{border:1px solid #d8cbb8;border-radius:8px;padding:.35rem .5rem;background:#fffdf8;color:#294b3c}
.sidebar-setting-link{display:flex;align-items:center;gap:.55rem;width:100%;border:0;background:transparent;color:inherit;padding:.45rem 0;cursor:pointer}.settings-card{max-width:760px;margin:2rem auto;padding:1.5rem;border:1px solid #eadfce;border-radius:18px;background:#fffdf8}.mobile-settings{display:none;border:1px solid #d8cbb8;border-radius:50%;background:#fffdf8;color:#294b3c;width:36px;height:36px}@media (max-width:800px){.mobile-settings{display:inline-flex;align-items:center;justify-content:center}}
.today-view>.ad-leads-standalone{grid-column:1/-1;width:100%;box-sizing:border-box}
.ad-leads-standalone:empty{display:none}
.welcome-sms{margin:12px 0}.welcome-sms-panel{padding:16px;margin-top:10px;border:1px solid #d4e1d5;border-radius:12px;background:#f0f6ef;color:#243e30;min-width:0}.welcome-sms-panel h4{margin:0 0 10px}.welcome-sms-panel label{display:block;margin:12px 0}.welcome-sms-panel input[type=text],.welcome-sms-panel textarea{display:block;width:100%;box-sizing:border-box;max-width:100%;margin-top:6px;color:#243e30;background:#fff}.welcome-sms-panel textarea{resize:vertical;min-height:240px;font:inherit;line-height:1.5}.welcome-sms-panel .welcome-sms-check{display:flex;align-items:center;gap:8px}.welcome-sms-check input{width:auto;flex:0 0 auto}.welcome-sms-panel p{overflow-wrap:anywhere}.welcome-sms-panel .studio-actions{flex-wrap:wrap}
.newcomer-shell{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:18px}.newcomer-list,.newcomer-work{padding:24px;border:1px solid #e6ddcd;border-radius:16px;background:#fffdf9}.newcomer-list{position:static;width:auto;color:inherit}.newcomer-person{display:block;width:100%;margin:8px 0;padding:12px;border:1px solid #e8e0d3;border-radius:11px;background:#faf8f3;color:#172b24;text-align:left}.newcomer-person strong,.newcomer-person small,.newcomer-stage{display:block}.newcomer-person small{margin-top:4px;font-weight:400}.newcomer-stage{width:max-content;max-width:100%;margin-top:8px;padding:4px 8px;border-radius:999px;background:#efe9df;color:#655e53;font-size:12px;font-style:normal;font-weight:700}.newcomer-stage.video-ready,.newcomer-stage.marta-ready,.newcomer-stage.treasures-ready,.newcomer-stage.gift-ready{background:#f4e6c9;color:#76531d}.newcomer-stage.complete{background:#e3efe6;color:#315d43}.newcomer-person.active{border-color:#a97532;background:#f5ead7}.newcomer-steps{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e6ddcd}.newcomer-steps button.active{background:#2f5544;color:#fff}.newcomer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.newcomer-fields input,.newcomer-fields select{width:100%;box-sizing:border-box}.newcomer-warning{padding:12px;border-radius:10px;background:#f8e7e4;color:#8b3f35}.newcomer-step-status{padding:12px;border-radius:10px;background:#f7edd8;color:#6e4d18;font-weight:700}.newcomer-info{padding:12px;border-radius:10px;background:#f5f0e8}.email-preview{margin-top:18px}.email-preview iframe{width:100%;height:720px;margin-top:12px;border:1px solid #e6ddcd;border-radius:12px;background:white}@media(max-width:850px){.newcomer-shell{grid-template-columns:1fr}.newcomer-fields{grid-template-columns:1fr}.email-preview iframe{height:560px}}
.expiry-shell .newcomer-list{border-top:4px solid #813b45}.expiry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.expiry-heading h2{margin-top:3px}.expiry-heading>span{padding:7px 11px;border-radius:999px;background:#f2d9de;color:#813b45;font-weight:700;font-size:13px}
.expiry-verification{display:flex;align-items:flex-start;gap:10px;margin:4px 0 16px;padding:13px;border:1px solid #e7c5cd;border-radius:10px;background:#fff8f8;font-weight:700}.expiry-verification input{width:auto;margin-top:3px;flex:0 0 auto}
.monthly-offer-editor{margin:18px 0;padding:18px;border:1px solid #dfc99f;border-radius:13px;background:#fffaf0}.monthly-offer-editor h3{margin:0 0 5px}.monthly-offer-editor>p{margin:0;color:#76531d}.offer-calculation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.offer-calculation span{display:grid;gap:3px;padding:11px;border-radius:9px;background:#f1e8d8;color:#5f5548}.offer-calculation strong{font-size:18px;color:#2f5544}
.email-journey-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;padding:14px;border:1px solid #e6ddcd;border-radius:12px;background:#faf8f3}.email-journey-checklist section>strong{display:block;margin-bottom:8px;color:#294b3b}.email-journey-checklist label{display:flex;align-items:flex-start;gap:8px;margin:5px 0;color:#746d63}.email-journey-checklist label.sent{color:#294b3b;font-weight:700}.email-journey-checklist input{width:auto!important;margin:3px 0 0;accent-color:#2f5544}.email-journey-checklist small{display:block;margin-top:1px;font-size:11px;font-weight:400}.email-journey-checklist>p{grid-column:1/-1;margin:2px 0 0;color:#6c756f;font-size:12px}@media(max-width:620px){.email-journey-checklist{grid-template-columns:1fr}}

.newcomer-person-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.newcomer-person-heading b{flex:0 0 auto;padding:5px 7px;border-radius:8px;background:#dcecdf;color:#2f6344;font-size:12px}
.newcomer-person.ordered{border-color:#c7ddca;background:#edf6ef}
.newcomer-person.ordered.active{border-color:#6e9b78;background:#e4f1e7;box-shadow:0 0 0 2px rgba(75,120,86,.1)}
.newcomer-ordered-label{color:#34704a!important;font-weight:700!important}
.top-five-schedule{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.top-five-schedule label{display:grid;gap:5px}.top-five-schedule button{min-height:42px}.newcomer-vip-check{display:flex!important;align-items:center;gap:9px;align-self:end;min-height:42px;padding:0 2px;color:#294b3b;font-weight:700}.newcomer-vip-check input{width:18px!important;height:18px;flex:0 0 auto}@media(max-width:520px){.top-five-schedule{grid-template-columns:1fr}.top-five-schedule button{width:100%}}
@media(max-width:620px){.offer-calculation{grid-template-columns:1fr}}
.expiry-filter-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.expiry-filter-buttons button{font-size:13px;padding:8px 10px}.expiry-list-scroll{max-height:62vh;overflow-y:auto;padding-right:5px}
.recipient-export{display:grid;gap:22px}.recipient-filter-card,.recipient-results,.recipient-safety{padding:28px;border:1px solid #e5ddd0;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(55,73,61,.06)}.recipient-filter-heading,.recipient-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.recipient-filter-heading h2,.recipient-result-head h2{font-size:29px}.recipient-filter-heading>span{padding:8px 12px;border-radius:999px;background:#f5dce2;color:#99374f;font-size:12px;font-weight:700}.recipient-channel{display:flex;gap:10px;margin:22px 0 17px}.recipient-channel button{min-width:120px;background:#f4f0e8;color:var(--moss);border-color:#e3dacb}.recipient-channel button.active{background:#e4d4ff;color:#4f426a;border-color:#b99ddd;box-shadow:0 6px 16px rgba(112,104,145,.14)}.recipient-filters{display:grid;grid-template-columns:minmax(210px,1fr) minmax(250px,1.15fr) auto;align-items:end;gap:13px;padding:17px;border-radius:15px;background:#f7f8f4}.recipient-filters label,.recipient-copy label{display:grid;gap:7px;color:var(--moss);font-size:12px;font-weight:700}.recipient-filters select,.recipient-copy select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #d8d2c6;border-radius:9px;background:#fff;color:var(--ink)}.recipient-message{margin:0;padding:12px 15px;border-radius:12px;background:#e8f3ea;color:#31583e}.recipient-message.error{background:#f9e4e8;color:#963b50}.recipient-result-head p{margin-bottom:0;color:var(--muted)}.recipient-downloads{display:flex;flex-wrap:wrap;gap:9px}.recipient-copy{display:flex;align-items:end;gap:12px;margin:22px 0 16px;padding:15px;border-radius:13px;background:#f3edfb}.recipient-copy label{min-width:245px}.recipient-table-wrap{overflow:auto;border:1px solid #e7e1d6;border-radius:13px}.recipient-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.recipient-table-wrap th{padding:12px 14px;background:#44553c;color:#fff;text-align:left;white-space:nowrap}.recipient-table-wrap td{padding:11px 14px;border-top:1px solid #ece7de;color:var(--ink)}.recipient-table-wrap tr:nth-child(even) td{background:#faf9f5}.recipient-safety{background:#eaf2eb}.recipient-safety h2{margin:4px 0 8px}.recipient-safety p:last-child{max-width:850px;margin-bottom:0;color:var(--muted);line-height:1.55}@media(max-width:760px){.recipient-filter-card,.recipient-results,.recipient-safety{padding:19px 15px;border-radius:16px}.recipient-filter-heading,.recipient-result-head{display:block}.recipient-filter-heading>span{display:inline-block;margin-top:13px}.recipient-filters{grid-template-columns:1fr}.recipient-filters>button{width:100%}.recipient-downloads{margin-top:17px}.recipient-downloads button{flex:1}.recipient-copy{display:grid}.recipient-copy label{min-width:0}.recipient-copy button{width:100%}.recipient-channel button{flex:1;min-width:0}.recipient-table-wrap{margin-left:-4px;margin-right:-4px}}
.recipient-filters{grid-template-columns:minmax(180px,.9fr) minmax(220px,1.15fr) minmax(180px,.85fr) auto}
@media(max-width:900px){.recipient-filters{grid-template-columns:1fr 1fr}.recipient-filters>button{width:100%}}@media(max-width:600px){.recipient-filters{grid-template-columns:1fr}}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e8eee8,#fbfaf6)}.auth-card{width:min(100%,440px);padding:44px;border:1px solid #e2ded4;border-radius:18px;background:#fff;box-shadow:0 18px 48px #2f46301a}.auth-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border-radius:50%;background:var(--gold);color:#fff;font:700 28px Georgia,serif}.auth-card h1{margin:6px 0 10px}.auth-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.auth-card form{display:grid;gap:15px;margin:28px 0 17px}.auth-card label{display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:700}.auth-card input{width:100%;padding:12px;border:1px solid #d9d4ca;border-radius:8px;font:15px Arial,sans-serif}.auth-card button{width:100%;margin-top:5px}.auth-card small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.auth-error{margin:0;color:#a43c34;font-size:13px}.session-bar{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding:8px 18px;background:#eef3ee;color:var(--moss);font-size:12px}.session-bar button{padding:5px 9px;font-size:11px}.session-bar+main{min-height:calc(100vh - 41px)}
:root { --ink:#24332a; --moss:#314b3b; --sage:#e8eee8; --paper:#fbfaf6; --gold:#b68546; --muted:#6d766f; } * { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,sans-serif; } main { min-height:100vh; display:flex; } aside { width:250px; padding:28px 18px; background:var(--moss); color:#fff; display:flex; flex-direction:column; } .brand { display:flex; gap:11px; align-items:center; padding:0 10px 38px; } .brand span,.avatar { display:grid; place-items:center; border-radius:50%; background:var(--gold); font:700 24px Georgia,serif; } .brand span { width:35px; height:35px; } .brand strong,.brand small { display:block; } .brand strong,h1,h2,h3 { font-family:Georgia,serif; } .brand strong { font-size:20px; } .brand small { opacity:.76; font-size:11px; } nav { display:grid; gap:5px; } nav a,nav button { padding:12px 14px; border:0; border-radius:9px; text-align:left; color:#e6ece6; background:transparent; font:14px Arial,sans-serif; } nav button.active { background:rgba(255,255,255,.15); color:#fff; font-weight:bold; } .side-note { margin-top:auto; padding:15px; background:#ffffff14; border-radius:12px; font-size:12px; } .side-note p { opacity:.82; } .content { flex:1; max-width:1240px; margin:0 auto; padding:48px 54px; } header,.section-title { display:flex; justify-content:space-between; align-items:start; } h1 { margin:0; font-size:40px; } h2,h3 { margin:0; } .eyebrow { color:var(--gold); font-size:11px; font-weight:700; letter-spacing:1.2px; } .sub,.task p,.contact p,.contact small,.rule p { color:var(--muted); } .profile { border:0; border-radius:50%; width:39px; height:39px; background:var(--moss); color:#fff; } .summary,.lower { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:38px 0; } .summary div,.board,.contact-board,.inbox,.rule { padding:21px; border:1px solid #e7e2d8; border-radius:12px; background:#fff; } .summary span,.summary small { display:block; color:var(--muted); font-size:12px; } .summary b { display:block; color:var(--moss); font:29px Georgia,serif; } .tasks { display:grid; gap:9px; } .task,.contact { display:flex; align-items:center; gap:14px; padding:15px; border:1px solid #ece8df; border-radius:10px; } .task.done { opacity:.5; } .icon { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--sage); color:var(--moss); font-weight:bold; } .task div,.contact-main { flex:1; } .task-time { color:var(--gold); font-size:11px; font-weight:bold; } button { cursor:pointer; padding:10px 14px; border:1px solid var(--moss); border-radius:8px; background:var(--moss); color:#fff; font-weight:600; } .plain,.outline { color:var(--moss); background:transparent; } .lower { grid-template-columns:1.1fr .9fr; margin-top:20px; } .lower article { padding:25px; border-radius:14px; } .workflow { background:var(--sage); } textarea { width:100%; min-height:84px; margin:12px 0; padding:10px; border:1px solid #ded8cb; border-radius:8px; } .contact-board { margin-top:38px; } .contact { margin-top:10px; } .avatar { width:42px; height:42px; color:#fff; font-size:17px; } .status { color:#785523; background:#f5e9d5; padding:7px 10px; border-radius:20px; font-size:12px; white-space:nowrap; } .contact-actions { display:flex; gap:8px; } .count { color:var(--muted); font-size:12px; } .rule { margin-top:20px; background:var(--sage); } @media (max-width:800px) { aside { display:none; } .content { padding:28px 18px; } h1 { font-size:31px; } .summary,.lower { grid-template-columns:1fr; } .contact { align-items:flex-start; flex-wrap:wrap; } .contact-actions { width:100%; } }
.contact-open { display:flex; align-items:center; gap:14px; flex:1; padding:0; border:0; background:transparent; color:var(--ink); text-align:left; }
.contact-open h3 { font-size:17px; }
.contact-detail { margin-top:20px; padding:25px; border:1px solid #d9e2da; border-radius:14px; background:#fff; }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px; }
.detail-grid article { padding:17px; border-radius:10px; background:#f7faf7; }
.detail-grid p { color:var(--muted); font-size:13px; line-height:1.5; }
.detail-note { margin-top:17px; }
.detail-note label { display:block; font:700 12px Arial,sans-serif; color:var(--moss); }
.detail-note textarea { display:block; }
.result-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
@media (max-width:800px) { .detail-grid { grid-template-columns:1fr; } .contact-open { min-width:100%; } }
.new-contact-panel { margin: 24px 0; padding: 22px; border: 1px solid #dedbd6; border-radius: 16px; background: #fffdf9; }
.contact-planning { margin: 18px 0; padding: 18px; border: 1px solid #dedbd6; border-radius: 14px; background: #fffdf9; }
.contact-quick-card { margin: 16px 0; padding: 16px; border-radius: 12px; background: #f7faf7; }
.contact-quick-card dl { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 7px 12px; margin: 10px 0 14px; }
.contact-quick-card dt { color: var(--muted); font-size: 12px; }
.contact-quick-card dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.contact-quick-card a { color: var(--moss); }
.contact-direct-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.contact-direct-link { display: inline-block; padding: 10px 14px; border: 1px solid var(--moss); border-radius: 8px; background: var(--moss); color: #fff !important; font-weight: 600; text-decoration: none; }
.contact-direct-link.outline { background: transparent; color: var(--moss) !important; }
.contact-direct-link.whatsapp { border-color: #267c4b; background: #267c4b; }
@media (max-width: 500px) { .contact-quick-card dl { grid-template-columns: 1fr; gap: 3px; } .contact-quick-card dd { margin-bottom: 7px; } }
.planned-contact { padding: 10px 12px; border-radius: 8px; background: #eef6ee; }
.followup-form { display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 12px; align-items: end; }
.followup-form label { display: grid; gap: 6px; }
.followup-form input, .followup-form select { box-sizing: border-box; width: 100%; padding: 9px 10px; border: 1px solid #cfc9c0; border-radius: 8px; background: white; }
@media (max-width: 720px) { .followup-form { grid-template-columns: 1fr; } }
.new-contact-panel > label { display: block; max-width: 520px; }
.new-contact-panel label, .new-contact-form label { display: grid; gap: 6px; margin: 10px 0; }
.new-contact-panel input, .new-contact-form input, .new-contact-form textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #cfc9c0; border-radius: 8px; background: white; }
.contact-matches { display: grid; gap: 6px; max-width: 520px; margin-top: 8px; }
.contact-matches button { display: flex; justify-content: space-between; padding: 10px 12px; border: 1px solid #ddd6cf; border-radius: 8px; background: white; text-align: left; }
.new-contact-form { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: 0 16px; margin-top: 16px; max-width: 760px; }
.new-contact-form label:last-of-type, .new-contact-form button, .new-contact-form small, .new-contact-form .import-error { grid-column: 1 / -1; }
@media (max-width: 720px) { .new-contact-form { grid-template-columns: 1fr; } .new-contact-form label:last-of-type, .new-contact-form button, .new-contact-form small, .new-contact-form .import-error { grid-column: auto; } }
.activity-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:32px 0; }
.activity-summary div { padding:18px; border-radius:12px; background:#fff; border:1px solid #e7e2d8; }
.activity-summary b,.activity-summary span { display:block; }
.activity-summary b { font:700 18px Georgia,serif; color:var(--moss); }
.activity-summary span { margin-top:5px; color:var(--muted); font-size:12px; }
.activity-list { padding:24px; border:1px solid #e7e2d8; border-radius:14px; background:#fff; }
.activity-card { display:flex; align-items:center; gap:15px; margin-top:10px; padding:15px; border:1px solid #ece8df; border-radius:10px; }
.month-badge { width:50px; height:50px; display:grid; place-content:center; border-radius:50%; background:#f1eddc; color:#806620; text-align:center; font:700 19px Georgia,serif; }
.month-badge small { display:block; font:10px Arial,sans-serif; }
.m5 .month-badge { background:#f3e6d4; color:#8a5922; }
.m6 .month-badge { background:#f3dddd; color:#934044; }
.handled { color:var(--moss); font-size:12px; font-weight:bold; }
@media (max-width:800px) { .activity-summary { grid-template-columns:1fr; } .activity-card { align-items:flex-start; flex-wrap:wrap; } }
.activity-summary button { border: 0; background: transparent; text-align: left; cursor: pointer; }
.activity-summary button.active { outline: 2px solid #9f7b62; border-radius: 8px; }
.activity-contact-open { display: flex; flex: 1; border: 0; background: transparent; text-align: left; cursor: pointer; }
.activity-plan { display: grid; gap: 8px; min-width: 230px; }
.activity-plan label { display: grid; gap: 4px; font-size: .85rem; }
.activity-plan input { padding: 8px; border: 1px solid #cfc9c0; border-radius: 7px; }
.planned-label { align-self: center; color: #6a594d; font-size: .9rem; }
.unresolved-label { align-self: center; color: #9b5b2d; font-weight: 600; font-size: .9rem; }
.closure-banner { display:flex; align-items:center; gap:24px; margin:30px 0; padding:19px; border-radius:12px; background:#f4e7d6; color:#5e4729; }
.closure-banner b,.closure-banner strong { display:block; }
.closure-banner strong { margin-top:3px; font:700 28px Georgia,serif; }
.closure-banner p { margin:0; max-width:610px; font-size:13px; line-height:1.45; }
.benefit-list { padding:24px; border:1px solid #e7e2d8; border-radius:14px; background:#fff; }
.benefit-card { display:flex; align-items:center; gap:15px; padding:15px 0; border-top:1px solid #ece8df; }
.benefit-card:first-of-type { border-top:0; }
.points { width:65px; padding:8px 0; border-radius:9px; background:#e8eee8; color:var(--moss); text-align:center; }
.points b,.points span { display:block; }.points b { font:700 21px Georgia,serif; }.points span { font-size:10px; }
.benefit-actions { display:flex; gap:8px; }
@media (max-width:800px) { .closure-banner,.benefit-card { align-items:flex-start; flex-wrap:wrap; } .benefit-actions { width:100%; } }
.daily-routine { margin:0 0 20px; padding:23px; border:1px solid #d9e2da; border-radius:14px; background:#fff; }
.routine-items { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:15px; }
.routine-item { display:flex; align-items:center; gap:10px; padding:12px; border-radius:9px; background:#f7faf7; }
.routine-item span { min-width:74px; color:var(--gold); font-size:11px; font-weight:bold; text-transform:uppercase; }.routine-item p { flex:1; margin:0; font-size:13px; }
.routine-item.calls { grid-column:span 2; background:#edf3ed; }.routine-item.calls b { color:var(--moss); }.routine-item.calls button { padding:8px 10px; font-size:11px; }
.daily-routine > small { display:block; margin-top:13px; color:var(--muted); font-size:11px; }
@media (max-width:800px) { .routine-items { grid-template-columns:1fr; }.routine-item.calls { grid-column:span 1; flex-wrap:wrap; }.routine-item.calls button { width:100%; } }
.leader-routine-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.leader-routine-head>strong{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#e5efdf;color:#315d43;font-size:13px}.leader-routine .routine-items{grid-template-columns:1fr;margin-top:18px}.leader-routine .routine-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;min-height:0;padding:12px 13px;cursor:pointer}.leader-routine .routine-item input{width:19px;height:19px;margin:2px 0 0;accent-color:#2f5544}.leader-routine .routine-item>span{min-width:0;padding:0;background:transparent;color:#172b24;text-align:left;text-transform:none}.leader-routine .routine-item b,.leader-routine .routine-item small{display:block}.leader-routine .routine-item b{font-size:14px}.leader-routine .routine-item small{margin-top:3px;color:#6c756f;font-size:12px;font-weight:400;line-height:1.4}.leader-routine .routine-item.done{border-color:#d3dfd3;background:#eef6ef}.leader-routine .routine-item.done b,.leader-routine .routine-item.done small{text-decoration:line-through;opacity:.65}.leader-routine .routine-error{color:#8b3f35}.leader-routine>small{font-size:12px;line-height:1.45}@media(max-width:620px){.leader-routine-head{align-items:stretch;flex-direction:column}.leader-routine-head>strong{align-self:flex-start}}
.campaign-list { margin-top:36px; padding:24px; border:1px solid #e7e2d8; border-radius:14px; background:#fff; }
.campaign-card { display:flex; align-items:center; gap:15px; padding:15px 0; border-top:1px solid #ece8df; }.campaign-card:first-of-type { border-top:0; }
.campaign-type { min-width:86px; padding:8px; border-radius:8px; background:#eee7f4; color:#5d4979; text-align:center; font-size:11px; font-weight:bold; }
.campaign-status { padding:7px 10px; border-radius:20px; background:#f4e7d6; color:#785523; font-size:12px; }.campaign-status.schváleno { background:#e8eee8; color:var(--moss); }.campaign-status.zveřejněno { background:#e5edf4; color:#405a78; }
.content-check { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:20px; padding:22px; border-radius:14px; background:var(--sage); }.content-check > p { grid-column:span 3; }.content-check div { display:flex; gap:9px; align-items:start; }.content-check span { display:grid; place-items:center; min-width:23px; height:23px; border-radius:50%; background:var(--moss); color:#fff; font-size:11px; }.content-check div p { margin:3px 0; font-size:12px; line-height:1.4; }
.content-studio { margin-top:20px; padding:24px; border:1px solid #e7e2d8; border-radius:14px; background:#fffdf9; }.studio-controls { display:flex; align-items:end; gap:14px; margin:16px 0 10px; }.studio-controls label { display:grid; gap:6px; color:var(--ink); font-size:12px; font-weight:700; }.studio-controls select { padding:9px 12px; border:1px solid #cfc9c0; border-radius:8px; background:#fff; }.content-studio textarea { min-height:120px; margin:0; }.studio-actions { display:flex; align-items:center; gap:12px; margin-top:10px; }.studio-actions .handled { color:#316343; font-size:13px; }
@media (max-width:800px) { .campaign-card { align-items:flex-start; flex-wrap:wrap; }.content-check { grid-template-columns:1fr; }.content-check > p { grid-column:span 1; } }
.data-status{display:flex;gap:18px;align-items:flex-start;margin:38px 0 18px;padding:24px;border:1px solid #dfd7c8;border-radius:14px;background:#fff8ec}.data-status h2{margin:3px 0 9px}.data-status p{margin:0;color:var(--muted);line-height:1.55}.lock{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f0dfc4;color:#785523;font-size:25px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.source-grid article,.import-flow{padding:22px;border:1px solid #e7e2d8;border-radius:12px;background:#fff}.source-grid h2{font-size:21px}.source-grid p:not(.eyebrow){min-height:72px;color:var(--muted);line-height:1.5}.source-grid small{display:block;color:#526259;font-size:12px;line-height:1.45}.import-flow{margin-top:18px}.import-flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 0;padding:0;list-style:none}.import-flow li{padding:16px;background:var(--sage);border-radius:10px}.import-flow b,.import-flow span{display:block}.import-flow span{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.45}@media(max-width:800px){.source-grid,.import-flow ol{grid-template-columns:1fr}.source-grid p:not(.eyebrow){min-height:0}}
.preview-import{margin:18px 0;padding:22px;border:1px solid #d9e2da;border-radius:12px;background:#fff}.preview-import h2{margin:5px 0}.preview-import>div>p:not(.eyebrow){color:var(--muted);line-height:1.5}.file-pick{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:8px;background:var(--moss);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.file-pick input{position:absolute;width:1px;height:1px;opacity:0}.preview-result{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:18px;padding:15px;border-radius:10px;background:var(--sage);font-size:13px}.preview-result b{width:100%;font:700 17px Georgia,serif}.preview-result span{padding:5px 8px;border-radius:14px;background:#fff;color:var(--moss)}.preview-result small,.preview-result p{width:100%;margin:0;color:var(--muted);line-height:1.45}.import-error{margin:14px 0 0;color:#a43c34;font-size:13px}
.period-fields{display:flex;gap:12px;margin:14px 0}.period-fields label{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:700}.period-fields input{padding:9px;border:1px solid #d9d4ca;border-radius:7px;background:#fff;font:14px Arial,sans-serif}@media(max-width:600px){.period-fields{flex-direction:column}}
.duplicate-check{width:100%;margin-top:5px;padding:11px;border-radius:8px;background:#fff}.duplicate-check b{font:700 13px Arial,sans-serif;color:var(--ink)}.duplicate-check p{margin-top:4px}
.card-field-options { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.card-field-options label, .card-row-choice { display: inline-flex; align-items: center; gap: 8px; }
.card-row-choice { margin: 4px 14px 4px 0; }
.card-preview-scroll { max-width: 100%; overflow: auto; }
.card-preview-scroll table { width: 100%; border-collapse: collapse; text-align: left; }
.card-preview-scroll th, .card-preview-scroll td { padding: 10px; border-bottom: 1px solid #ddd; min-width: 100px; max-width: 320px; overflow-wrap: anywhere; }
.preview-result fieldset { border: 1px solid #ddd; padding: 14px; }
.year-legend{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 16px}.year-legend span{padding:6px 10px;border-radius:14px;font-size:12px}.legend-final{background:#dcebdd;color:#31513b}.legend-preliminary{background:#fff0d7;color:#82551c}.legend-tracking{background:#dce9f4;color:#285679}.legend-waiting{background:#edf0ed;color:#687168}.year-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.year-month{min-height:125px;padding:18px;border:1px solid #e5e1d8;border-radius:12px;background:#fff}.year-month b,.year-month span,.year-month small{display:block}.year-month b{font:700 20px Georgia,serif}.year-month span{margin-top:8px;color:var(--muted);font-size:13px}.year-month small{margin-top:12px;color:#56665c;font-size:11px;line-height:1.45}.year-month.preliminary{border-color:#e5bd79;background:#fff9ef}.year-month.tracking{border-color:#abc9df;background:#f4f9fd}.year-month.future{opacity:.56}@media(max-width:800px){.year-timeline{grid-template-columns:1fr 1fr}}@media(max-width:500px){.year-timeline{grid-template-columns:1fr}}
.progress-comparison{margin:30px 0 22px;padding:24px;border:1px solid #dfd9ce;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fbf8f1 100%);box-shadow:0 10px 28px rgba(46,71,53,.07)}.progress-comparison.developing_well{border-left:6px solid #70a77b}.progress-comparison.below_average{border-left:6px solid #e8a4ae}.progress-comparison.without_data{border-left:6px solid #d7d8d4}.comparison-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.comparison-heading h2{margin:4px 0 0;font:700 27px Georgia,serif;color:#17382c}.comparison-verdict{padding:8px 13px;border-radius:999px;font-weight:700;font-size:13px;white-space:nowrap}.comparison-verdict.developing_well{background:#e1efe1;color:#315c3c}.comparison-verdict.below_average{background:#f8e2e5;color:#8d4651}.comparison-verdict.without_data{background:#eceeeb;color:#667067}.comparison-summary{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}.comparison-summary article{display:flex;min-height:110px;flex-direction:column;justify-content:center;padding:17px 19px;border-radius:14px;background:#fff;border:1px solid #ebe5dc}.comparison-summary .comparison-primary{background:#edf5ed;border-color:#d8e8d8}.comparison-summary span{font-size:12px;color:#69776e}.comparison-summary strong{margin:7px 0 3px;font:700 26px Georgia,serif;color:#17382c}.comparison-summary strong.positive{color:#39724a}.comparison-summary strong.negative{color:#ae5361}.comparison-summary small,.comparison-note,.comparison-empty{color:#65736a}.comparison-note{margin:14px 2px 0;font-size:12px}.comparison-empty{margin:0}.year-controls{margin-top:12px}@media(max-width:700px){.comparison-heading{display:block}.comparison-verdict{display:inline-block;margin-top:12px}.comparison-summary{grid-template-columns:1fr}.comparison-summary article{min-height:88px}.progress-comparison{padding:18px}}
aside { position: relative; overflow: hidden; }
nav { position: relative; z-index: 3; }
nav button.active { background: linear-gradient(100deg, #8f7951, #e2c48f); box-shadow: 0 5px 14px #172b2438; }
.sidebar-motto { margin: -26px 10px 20px; color: #d8ba82; font: italic 20px 'Segoe Script', 'Brush Script MT', cursive; }
.sidebar-motto span { font-size: 23px; }
.brand, .sidebar-motto, .side-note { position: relative; z-index: 3; }
.side-note { position: relative; z-index: 2; }
.sidebar-secondary { position: relative; z-index: 3; margin-top: 22px; padding: 16px 10px 108px; border-top: 1px solid #c8a56d99; color: #edf0e7; }
.sidebar-secondary a { display: flex; align-items: center; gap: 8px; padding: 7px 4px; color: #e9eee8; font-size: 12px; text-decoration: none; }
.sidebar-secondary a:first-child { color: #e5c78d; }
.sidebar-secondary a:first-child span { color: #edf0e7; margin-left: 6px; }
.sidebar-secondary a:nth-child(2) { width: 24px; height: 24px; padding: 2px; margin-top: 2px; border: 1px solid #d8c49c; border-radius: 50%; }
.sidebar-quote {
  position: relative;
  display: block;
  margin: 20px 0 0;
  padding: 15px 14px 16px 30px;
  border: 1px solid rgba(226, 196, 143, .34);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(226, 196, 143, .18), rgba(182, 133, 70, .08));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  color: #f0d69f;
  font: italic 19px/1.38 'Segoe Script','Brush Script MT',cursive;
  letter-spacing: .15px;
}
.sidebar-quote::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a8c7a2;
  box-shadow: 0 0 0 4px rgba(168, 199, 162, .12);
}
.side-note { display: none; }
nav button, nav a { display: flex; align-items: center; gap: 11px; }
nav button::before, nav a::before { width: 20px; color: #e7d4ad; text-align: center; font: 18px Georgia, serif; opacity: .95; }
nav button:nth-child(1)::before { content: "⌂"; }
nav button:nth-child(2)::before { content: "♧"; }
nav button:nth-child(3)::before { content: "⌘"; }
nav button:nth-child(4)::before { content: "▦"; }
nav button:nth-child(5)::before { content: "▥"; }
nav button:nth-child(6)::before { content: "▧"; }
nav button:nth-child(7)::before { content: "⌁"; }
nav a:nth-of-type(1)::before { content: "◇"; }
nav a:nth-of-type(2)::before { content: "✉"; }
nav button.active::before { color: #fff7e8; }
nav button::before, nav a::before { display: none !important; }
nav button::before, nav a::before { content: "" !important; width: 30px; height: 30px; flex: 0 0 30px; background-position: center; background-repeat: no-repeat; background-size: contain; }
nav button:nth-child(1)::before { background-image: url('/assets/marta/icon-home.png'); }
nav button:nth-child(2)::before { background-image: url('/assets/marta/icon-contacts.png'); }
nav button:nth-child(3)::before { background-image: url('/assets/marta/icon-network.png'); }
nav button:nth-child(4)::before { background-image: url('/assets/marta/icon-year.png'); }
nav button:nth-child(5)::before { background-image: url('/assets/marta/icon-closure.png'); }
nav button:nth-child(6)::before { background-image: url('/assets/marta/icon-content.png'); }
nav button:nth-child(7)::before { background-image: url('/assets/marta/icon-data.png'); }
nav a:nth-of-type(1)::before { background-image: url('/assets/marta/icon-products.png'); }
nav a:nth-of-type(2)::before { background-image: url('/assets/marta/icon-inbox.png'); }
@media (max-width: 800px) {
  main { display: block; }
  aside { display: block; width: 100%; padding: 12px 10px 10px; }
  .brand { padding: 0 8px 10px; }
  .sidebar-motto { margin: 0 8px 10px; font-size: 16px; }
  aside nav { display: flex; gap: 6px; overflow-x: auto; padding: 2px 0 6px; scrollbar-width: thin; }
  aside nav button, aside nav a { flex: 0 0 auto; padding: 9px 11px; white-space: nowrap; }
  .sidebar-secondary { display: none; }
}
