/* NOUWA STUDIO — distinct deliverable layouts
   Each mission type renders in a finished-feeling template, NOT a chat box.
   Common: section reveal animation, eyebrow, calm typography.
   Distinct per mission: layout, accent rhythm, hierarchy.                     */

/* ---------- shared deliverable container ---------- */
.deliv{max-width:760px;margin:34px auto 90px;background:var(--surface);border:1px solid var(--border);
  border-radius:16px;box-shadow:var(--shadow-m);min-height:600px;position:relative;overflow:hidden;}
.deliv.wide{max-width:880px;}
.deliv-band{display:flex;align-items:center;gap:10px;padding:10px 26px;background:var(--canvas);
  border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.14em;
  color:var(--ink3);text-transform:uppercase;}
.deliv-band .grad-text{font-weight:700;}
.deliv-band .spc{flex:1;}

/* ---------- DocBrand — brand identity board ---------- */
.brand-board{padding:54px 60px 60px;}
.brand-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:42px;}
.brand-row.tri{grid-template-columns:1.1fr 1fr;}
.brand-name h1{font-size:54px;font-weight:600;letter-spacing:-.03em;margin:0 0 8px;line-height:1.02;}
.brand-name h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;}
.brand-name .tag{font-size:16px;color:var(--ink2);line-height:1.55;}
.brand-name .alts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.brand-name .alt{font-size:11.5px;color:var(--ink3);padding:4px 10px;border-radius:999px;border:1px dashed var(--border2);}
.brand-logo-card{aspect-ratio:1/1;background:var(--canvas);border:1px solid var(--border);border-radius:14px;
  display:grid;place-items:center;position:relative;overflow:hidden;}
.brand-logo-card .stamp{position:absolute;top:14px;inset-inline-start:14px;font-size:10px;font-weight:600;
  letter-spacing:.16em;color:var(--ink3);text-transform:uppercase;}
.brand-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;}
.swatch{aspect-ratio:1/1.3;border-radius:10px;border:1px solid rgba(23,21,58,.08);position:relative;display:flex;
  flex-direction:column;justify-content:flex-end;padding:10px;}
.swatch .hex{font-size:10.5px;font-weight:600;letter-spacing:.06em;color:#fff;mix-blend-mode:difference;}
.swatch .nm{font-size:9px;font-weight:600;letter-spacing:.14em;color:#fff;mix-blend-mode:difference;text-transform:uppercase;margin-bottom:2px;}
.brand-voice-sample{background:var(--canvas);border-inline-start:3px solid var(--violet);padding:14px 18px;
  border-radius:0 10px 10px 0;font-size:15px;line-height:1.65;color:var(--ink);}
.frame[dir="rtl"] .brand-voice-sample{border-inline-start:none;border-inline-end:3px solid var(--violet);border-radius:10px 0 0 10px;}
.brand-voice-sample em{font-style:normal;color:var(--ink2);}
.brand-voice-row{display:flex;flex-direction:column;gap:10px;}
.brand-pills-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.brand-pill{font-size:11.5px;color:var(--ink2);background:var(--tint);padding:4px 10px;border-radius:999px;}
.brand-bio{font-size:14px;line-height:1.7;color:var(--ink2);background:var(--canvas);padding:18px 22px;
  border-radius:12px;border:1px solid var(--border);}
.brand-bio .lbl{font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--ink3);text-transform:uppercase;margin-bottom:8px;}

/* ---------- DocProposal — premium proposal document ---------- */
.proposal{padding:0;}
.prop-cover{padding:60px 60px 50px;background:linear-gradient(180deg,#FFFFFF 0%,#F5F3FD 100%);
  border-bottom:1px solid var(--border);}
.prop-cover .meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;
  font-weight:600;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase;margin-bottom:32px;}
.prop-cover h1{font-size:44px;font-weight:600;letter-spacing:-.025em;margin:0 0 10px;line-height:1.08;}
.prop-cover .sub{font-size:16px;color:var(--ink2);max-width:480px;line-height:1.55;}
.prop-parties{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;}
.prop-party{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;}
.prop-party .lbl{font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--ink3);text-transform:uppercase;margin-bottom:6px;}
.prop-party .nm{font-size:15px;font-weight:600;}
.prop-party .sd{font-size:12.5px;color:var(--ink3);margin-top:4px;}
.prop-section{padding:36px 60px;border-bottom:1px solid var(--border);}
.prop-section:last-child{border-bottom:none;}
.prop-section h2{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--indigo);text-transform:uppercase;margin:0 0 18px;}
.prop-scope{display:flex;flex-direction:column;gap:12px;}
.prop-item{display:flex;gap:14px;padding:14px 16px;border-radius:10px;background:var(--canvas);border:1px solid var(--border);}
.prop-item .num{font-size:18px;font-weight:600;color:var(--violet);min-width:30px;font-feature-settings:"tnum";}
.prop-item .body .t{font-size:14.5px;font-weight:600;margin-bottom:3px;}
.prop-item .body .d{font-size:12.5px;color:var(--ink2);line-height:1.5;}
.prop-table{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border);overflow:hidden;}
.prop-tr{display:grid;grid-template-columns:1fr 110px 110px;gap:0;align-items:center;padding:14px 18px;
  font-size:13px;border-bottom:1px solid var(--border);background:var(--surface);}
.prop-tr:last-child{border-bottom:none;}
.prop-tr.head{background:var(--canvas);font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--ink3);
  text-transform:uppercase;}
.prop-tr.total{background:var(--ink);color:#fff;font-weight:600;font-size:14px;}
.prop-tr .num{text-align:end;font-feature-settings:"tnum";}
.prop-timeline{display:flex;align-items:center;gap:0;background:var(--canvas);border-radius:12px;border:1px solid var(--border);overflow:hidden;}
.prop-phase{flex:1;padding:16px 18px;text-align:center;border-inline-end:1px solid var(--border);position:relative;}
.prop-phase:last-child{border-inline-end:none;}
.prop-phase .n{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase;}
.prop-phase .t{font-size:14px;font-weight:600;margin-top:4px;}
.prop-phase .w{font-size:11px;color:var(--ink3);margin-top:2px;}
.prop-phase.active{background:var(--tint);}
.prop-phase.active .t{color:var(--indigo);}
.prop-sign{display:flex;gap:22px;margin-top:20px;}
.prop-signbox{flex:1;border-top:1.5px solid var(--ink);padding-top:12px;}
.prop-signbox .lbl{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase;}
.prop-signbox .nm{font-size:13.5px;font-weight:600;margin-top:6px;}
.prop-signbox .role{font-size:11px;color:var(--ink3);margin-top:2px;}

/* ---------- DocAnalysis — business analysis report ---------- */
.analysis{padding:54px 60px 60px;}
.an-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.18em;
  color:var(--indigo);text-transform:uppercase;margin-bottom:16px;}
.an-eyebrow .hex{width:12px;height:12px;border-radius:3px;background:var(--grad);}
.analysis h1{font-size:36px;font-weight:600;letter-spacing:-.022em;margin:0 0 12px;line-height:1.1;}
.analysis .lead{font-size:15.5px;color:var(--ink2);line-height:1.65;margin:0 0 36px;max-width:580px;}
.an-section{margin-bottom:38px;}
.an-section h3{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--ink3);text-transform:uppercase;margin:0 0 16px;}
.an-tam{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.an-tam-card{background:var(--canvas);border:1px solid var(--border);border-radius:12px;padding:18px 20px;}
.an-tam-card .l{font-size:10.5px;font-weight:600;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase;margin-bottom:6px;}
.an-tam-card .v{font-size:30px;font-weight:600;letter-spacing:-.018em;color:var(--ink);}
.an-tam-card .v .cur{font-size:14px;font-weight:500;color:var(--ink3);letter-spacing:0;}
.an-tam-card .sd{font-size:11.5px;color:var(--ink2);margin-top:6px;line-height:1.45;}
.an-tam-card.featured{background:var(--ink);color:#fff;border-color:transparent;}
.an-tam-card.featured .l{color:rgba(255,255,255,.55);}
.an-tam-card.featured .v{color:#fff;}
.an-tam-card.featured .sd{color:rgba(255,255,255,.62);}
.an-tam-card.featured .cur{color:rgba(255,255,255,.55);}
.an-compete{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.an-cmp-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 130px;gap:0;padding:14px 18px;
  font-size:13px;border-bottom:1px solid var(--border);background:var(--surface);align-items:center;}
.an-cmp-row:last-child{border-bottom:none;}
.an-cmp-row.head{background:var(--canvas);font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase;}
.an-cmp-row .nm{font-weight:600;}
.an-cmp-row .b{display:inline-flex;height:6px;background:var(--tint2);border-radius:3px;width:80%;}
.an-cmp-row .b i{display:block;height:100%;background:var(--grad);border-radius:3px;}
.an-cmp-row .tag{font-size:11px;font-weight:600;background:var(--canvas);padding:3px 9px;border-radius:5px;color:var(--ink2);justify-self:end;}
.an-cmp-row .tag.high{background:rgba(244,80,76,.12);color:var(--red);}
.an-cmp-row .tag.mid{background:rgba(217,119,6,.12);color:#B45309;}
.an-cmp-row .tag.low{background:var(--teal-tint);color:var(--teal);}
.an-risks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.an-risk{padding:18px 20px;background:var(--canvas);border:1px solid var(--border);border-radius:12px;}
.an-risk .ttl{display:flex;align-items:flex-start;gap:9px;font-size:14px;font-weight:600;margin-bottom:6px;line-height:1.3;}
.an-risk .ttl .dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none;margin-top:5px;}
.an-risk .ttl .dot.mid{background:#D97706;}
.an-risk .ttl .dot.low{background:var(--teal);}
.an-risk .sd{font-size:12.5px;color:var(--ink2);line-height:1.55;}

/* ---------- DocCampaign — campaign deck ---------- */
.campaign{padding:54px 60px 60px;}
.camp-big{background:var(--ink);color:#fff;border-radius:16px;padding:36px 40px;margin-bottom:32px;
  position:relative;overflow:hidden;}
.camp-big .lbl{font-size:11px;font-weight:600;letter-spacing:.18em;color:rgba(255,255,255,.55);text-transform:uppercase;margin-bottom:14px;}
.camp-big h1{font-size:36px;font-weight:600;letter-spacing:-.022em;margin:0;line-height:1.15;}
.camp-big .em{background:var(--grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;font-style:normal;}
.camp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;}
.camp-post{aspect-ratio:1/1.2;background:var(--canvas);border:1px solid var(--border);border-radius:12px;
  padding:18px;display:flex;flex-direction:column;}
.camp-post .ch{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.14em;
  color:var(--indigo);text-transform:uppercase;margin-bottom:auto;}
.camp-post .ttl{font-size:15px;font-weight:600;line-height:1.3;margin-bottom:10px;}
.camp-post .ln{height:4px;border-radius:2px;background:var(--tint2);margin-bottom:5px;}
.camp-post .ln.w8{width:80%;}
.camp-cal{background:var(--canvas);border:1px solid var(--border);border-radius:12px;padding:20px 22px;}
.camp-cal .h{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--ink3);text-transform:uppercase;margin-bottom:16px;}
.camp-cal-row{display:grid;grid-template-columns:60px 80px 1fr 80px;gap:14px;padding:9px 0;font-size:12.5px;
  border-bottom:1px solid var(--border);align-items:center;}
.camp-cal-row:last-child{border-bottom:none;}
.camp-cal-row .day{font-weight:600;color:var(--ink);}
.camp-cal-row .ch-mini{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--ink3);
  background:var(--surface);padding:2px 7px;border-radius:5px;width:max-content;}

/* ---------- Growth Engine panel (post-publish) ---------- */
.growth-panel{margin-top:34px;background:var(--surface);border:1px solid var(--border);border-radius:18px;
  padding:24px 26px;box-shadow:var(--shadow-s);max-width:880px;margin-inline:auto;}
.growth-h{display:flex;align-items:center;gap:11px;margin-bottom:18px;}
.growth-h .ico{width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;}
.growth-h .ttl{font-size:15.5px;font-weight:600;line-height:1.2;}
.growth-h .sd{font-size:12px;color:var(--ink3);margin-top:2px;}
.growth-h .spc{flex:1;}
.growth-h .status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--teal);}
.growth-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.growth-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;background:var(--canvas);border:1px solid var(--border);}
.growth-item .mk{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;flex:none;margin-top:1px;}
.growth-item.queue .mk{background:var(--tint2);color:var(--indigo);}
.growth-item.live .mk{background:var(--red);color:#fff;animation:redring 1.8s ease-out infinite;position:relative;}
.growth-item .body .t{font-size:13.5px;font-weight:600;line-height:1.3;}
.growth-item .body .sd{font-size:12px;color:var(--ink2);margin-top:2px;line-height:1.45;}
.growth-meta{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--border);
  font-size:11.5px;color:var(--ink3);}
.growth-meta .pulse{display:inline-flex;align-items:center;gap:6px;color:var(--ink2);font-weight:500;}

/* ---------- Missions / Library / Templates pages ---------- */
.page-head{display:flex;align-items:center;gap:14px;padding:24px 32px 16px;border-bottom:1px solid var(--border);
  background:var(--surface);}
.page-head h2{font-size:22px;font-weight:600;letter-spacing:-.014em;margin:0;}
.page-head .spc{flex:1;}
.page-tabs{display:flex;gap:6px;padding:14px 32px 0;}
.page-tab{padding:9px 16px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink2);}
.page-tab:hover{background:var(--tint);color:var(--ink);}
.page-tab.active{background:var(--ink);color:#fff;}
.page-body{padding:24px 32px 60px;}

/* missions list */
.mission-list{display:flex;flex-direction:column;gap:10px;}
.mission-row{display:grid;grid-template-columns:60px 1fr 120px 160px 100px 40px;gap:18px;align-items:center;
  padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;
  transition:all .15s;cursor:pointer;}
.mission-row:hover{border-color:var(--border2);box-shadow:var(--shadow-s);transform:translateY(-1px);}
.mission-row .pillar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.06em;}
.mission-row .pillar.p-think{background:var(--red);}
.mission-row .pillar.p-create{background:var(--grad);}
.mission-row .pillar.p-work{background:var(--ink);}
.mission-row .nm{font-size:14px;font-weight:600;line-height:1.3;}
.mission-row .ms{font-size:11.5px;color:var(--ink3);margin-top:2px;}
.mission-row .type-chip{justify-self:start;}
.mission-row .when{font-size:11.5px;color:var(--ink3);}
.mission-row .status{font-size:11.5px;}
.mission-row .more-btn{justify-self:end;color:var(--ink3);}
.mission-row .more-btn:hover{color:var(--ink);}

/* templates grid */
.tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.tpl-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;
  transition:all .18s;text-align:start;display:flex;flex-direction:column;cursor:pointer;}
.tpl-card:hover{border-color:var(--border2);box-shadow:var(--shadow-m);transform:translateY(-2px);}
.tpl-thumb{height:160px;background:linear-gradient(135deg,#F5F3FD 0%,#EDE9FB 100%);display:grid;place-items:center;position:relative;}
.tpl-thumb.t-brand{background:linear-gradient(135deg,#F4F1FE 0%,#EBE5FD 100%);}
.tpl-thumb.t-website{background:linear-gradient(135deg,#FFF8F1 0%,#FFEFE0 100%);}
.tpl-thumb.t-campaign{background:linear-gradient(135deg,#17153A 0%,#2D2960 100%);color:#fff;}
.tpl-thumb.t-proposal{background:linear-gradient(135deg,#F0FAF8 0%,#DAEFEA 100%);}
.tpl-thumb.t-business{background:linear-gradient(135deg,#FEE7E6 0%,#FCD4D2 100%);}
.tpl-thumb.t-content{background:linear-gradient(135deg,#FEF9C3 0%,#FDE68A 100%);}
.tpl-thumb .icn{font-size:48px;}
.tpl-meta{padding:16px 18px 18px;}
.tpl-meta .pn{font-size:10.5px;font-weight:600;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase;}
.tpl-meta .ttl{font-size:14.5px;font-weight:600;margin-top:5px;line-height:1.3;}
.tpl-meta .sd{font-size:12px;color:var(--ink2);margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tpl-meta .row{display:flex;align-items:center;gap:6px;margin-top:12px;}
.tpl-meta .badge-en{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--teal);background:var(--teal-tint);padding:2px 6px;border-radius:4px;}

/* library */
.lib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.lib-output{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;cursor:pointer;transition:all .18s;}
.lib-output:hover{border-color:var(--border2);box-shadow:var(--shadow-m);transform:translateY(-2px);}
.lib-preview{height:170px;background:var(--canvas);border-bottom:1px solid var(--border);padding:14px 18px;
  display:flex;flex-direction:column;gap:7px;position:relative;overflow:hidden;}
.lib-preview .h{height:11px;width:65%;background:var(--ink);opacity:.85;border-radius:4px;margin-bottom:3px;}
.lib-preview .ln{height:5px;background:var(--tint2);border-radius:3px;}
.lib-preview .ln.w8{width:82%;}
.lib-preview .ln.w7{width:72%;}
.lib-preview .ln.w5{width:55%;}
.lib-preview .accent{height:6px;background:var(--violet);opacity:.5;border-radius:3px;width:38%;}
.lib-meta{padding:14px 16px;}
.lib-meta .ttl{font-size:14px;font-weight:600;line-height:1.3;}
.lib-meta .row{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:11px;color:var(--ink3);}

/* brand voice card */
.voice-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px 36px;max-width:680px;}
.voice-card h3{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--indigo);text-transform:uppercase;margin:0 0 14px;}
.voice-card .ttl{font-size:24px;font-weight:600;letter-spacing:-.014em;margin:0 0 18px;line-height:1.3;}
.voice-line{padding:14px 18px;background:var(--canvas);border-inline-start:3px solid var(--violet);border-radius:0 10px 10px 0;
  font-size:14.5px;line-height:1.6;color:var(--ink);margin-bottom:10px;}
.frame[dir="rtl"] .voice-line{border-inline-start:none;border-inline-end:3px solid var(--violet);border-radius:10px 0 0 10px;}
.voice-attrs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.voice-attr{font-size:11.5px;color:var(--ink2);background:var(--tint);padding:6px 12px;border-radius:999px;font-weight:500;}