*{box-sizing:border-box}
:root{
  --navy:#06254a;
  --navy2:#031a35;
  --blue:#0d8df5;
  --cyan:#13b8f0;
  --green:#11c889;
  --purple:#8b5cf6;
  --orange:#f6a313;
  --red:#ff5964;
  --page:#eef4f9;
  --card:#ffffff;
  --text:#12305a;
  --text2:#536b86;
  --muted:#8496aa;
  --line:#dfe8f1;
  --shadow:0 8px 26px rgba(29,69,112,.09);
  --shadow2:0 16px 34px rgba(29,69,112,.12);
}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--page);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
h1,h2,h3{color:#0c2d61;margin-top:0}
.muted{color:var(--muted)}
.small{font-size:12px;padding:7px 10px}

.side{position:fixed;left:0;top:0;bottom:0;width:245px;padding:20px 15px 18px;background:linear-gradient(180deg,#073564 0%,#05264c 48%,#031b36 100%);color:#fff;display:flex;flex-direction:column;z-index:20;box-shadow:8px 0 30px rgba(3,30,59,.16);overflow:auto}
.side-brand{display:flex;align-items:center;gap:11px;padding:2px 9px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:29px;font-style:italic;font-weight:950;background:linear-gradient(145deg,#ffffff 5%,#8fcbff 42%,#0089ff 52%,#00d0ff 100%);color:#063c75;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 5px 18px rgba(0,141,255,.25)}
.brand-main{font-weight:900;font-size:17px;letter-spacing:.4px}.brand-main span{color:#18c8ff}.brand-sub{font-size:10px;letter-spacing:2.3px;color:#91d9ff;margin-top:2px}
.side-nav{padding:13px 0;display:flex;flex-direction:column;gap:3px}
.nav-section{font-size:10px;letter-spacing:1.7px;color:#56cfff;font-weight:800;padding:16px 12px 6px}
.nav-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 12px;border-radius:9px;color:#d9e9f7;font-size:13px;font-weight:600;transition:.15s}
.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-item.active{background:linear-gradient(90deg,#0d8df5,#0874da);color:#fff;box-shadow:0 7px 18px rgba(0,119,232,.25)}
.nav-icon{width:20px;text-align:center;font-size:16px;color:#fff}
.side-user{margin-top:auto;display:flex;gap:9px;align-items:center;padding:13px 10px;border-top:1px solid rgba(255,255,255,.1);color:#fff}
.side-user .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#168be8;border:2px solid rgba(255,255,255,.5);font-weight:900}
.side-user b{display:block;font-size:12px}.side-user small{display:block;color:#8fc4eb;margin-top:2px}
.logout{display:block;margin-top:5px;padding:10px 12px;border-radius:9px;color:#a9c9e3;font-weight:700;font-size:12px}.logout:hover{background:rgba(255,255,255,.07);color:#fff}

.main{margin-left:245px;min-height:100vh;padding:0 25px 40px;max-width:none;background:linear-gradient(180deg,#f6fbff 0,#eef4f9 180px,#eef4f9 100%)}
.app-topbar{height:66px;margin:0 -25px 18px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#f9fcff,#eaf6ff);border-bottom:1px solid #d9e8f4;box-shadow:0 4px 16px rgba(40,87,130,.05)}
.topbar-kicker{font-size:9px;color:#078cf1;font-weight:900;letter-spacing:1.7px}.topbar-title{font-size:17px;font-weight:850;color:#113b70;margin-top:2px}
.topbar-user{display:flex;align-items:center;gap:8px;color:#224b79;font-size:12px;font-weight:700}.topbar-dot{width:8px;height:8px;border-radius:50%;background:#13c786;box-shadow:0 0 0 4px rgba(19,199,134,.12)}

.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}
.card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.value{font-size:28px;font-weight:900;margin-top:8px;color:#123d73}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}
.input,select,textarea{width:100%;min-height:39px;padding:9px 11px;border:1px solid #cfdce8;border-radius:9px;background:#fff;color:#17395f;outline:none}.input:focus,select:focus,textarea:focus{border-color:#1a9af1;box-shadow:0 0 0 3px rgba(26,154,241,.11)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:800;font-size:12px;transition:.15s}
.btn.primary,.primary{background:linear-gradient(180deg,#14a8f5,#087be3);color:#fff;border-color:#0c86e9;box-shadow:0 5px 13px rgba(13,141,245,.2)}
.btn.secondary,.secondary{background:#f0f6fb;color:#28567f;border-color:#d4e1ec}.btn.danger,.danger{background:#fff0f2;color:#d72d43;border-color:#ffcbd2}
.actions{display:flex;gap:7px;flex-wrap:wrap}
.alert{background:#e9fbf3;border:1px solid #bdeed6;color:#18734e;border-radius:10px;padding:11px 13px;margin:12px 0}
.badge{display:inline-block;padding:5px 8px;border-radius:8px;background:#fff2ce;color:#885d00}.badge.ok{background:#dff8eb;color:#17704c}
.table,.dashboard-table{width:100%;border-collapse:collapse}.table th,.table td,.dashboard-table th,.dashboard-table td{text-align:left;border-bottom:1px solid #e6edf4;padding:11px 9px}.table th,.dashboard-table th{font-size:10px;letter-spacing:.4px;color:#71869b;text-transform:uppercase}.table td,.dashboard-table td{color:#355777;font-size:12px}.table tr:hover td,.dashboard-table tr:hover td{background:#f7fbff}

.dashboard-shell{max-width:1500px;margin:0 auto}
.dashboard-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 25px;border:1px solid #d7e9f7;border-radius:15px;background:linear-gradient(110deg,#fff 0%,#f6fbff 58%,#dff3ff 100%);box-shadow:var(--shadow);margin-bottom:16px}
.dashboard-hero:after{content:"";position:absolute;right:-30px;top:-60px;width:300px;height:180px;border-radius:50%;background:radial-gradient(circle,#64c8ff55 0,#64c8ff18 45%,transparent 68%)}
.dashboard-kicker{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#087fdc}
.dashboard-title{position:relative;z-index:1;margin:5px 0 3px;font-size:27px;line-height:1.12;color:#12377b}
.dashboard-sub{margin:0;color:#5b7191;max-width:650px;font-size:12px}.dashboard-date{font-size:11px;color:#8497a9;margin-top:9px}
.dashboard-hero .actions{position:relative;z-index:2}

.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(155px,1fr));gap:12px}
.metric-card{position:relative;overflow:hidden;min-height:125px;border:0;border-radius:13px;padding:17px 18px;color:#fff;box-shadow:0 10px 22px rgba(48,80,130,.13)}
.metric-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-28px;top:-35px;background:rgba(255,255,255,.13)}
.metric-blue{background:linear-gradient(135deg,#0c9df6,#0875eb)}
.metric-green{background:linear-gradient(135deg,#13cc8e,#00aeca)}
.metric-purple{background:linear-gradient(135deg,#a45af5,#6f56e9)}
.metric-orange{background:linear-gradient(135deg,#ffb01c,#f58a18)}
.metric-red{background:linear-gradient(135deg,#ff6a72,#f7465b)}
.metric-top{display:flex;align-items:center;justify-content:space-between;gap:9px;position:relative;z-index:1}
.metric-label{font-size:10.5px;color:rgba(255,255,255,.9);font-weight:700}
.metric-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.19);border:1px solid rgba(255,255,255,.28);font-size:16px;backdrop-filter:blur(4px)}
.metric-value{position:relative;z-index:1;font-size:25px;font-weight:900;letter-spacing:-.5px;margin-top:14px;color:#fff}
.metric-note{position:relative;z-index:1;font-size:10px;color:rgba(255,255,255,.82);margin-top:5px}

.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:12px;margin-top:12px}
.panel{border-radius:13px;padding:17px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.panel-title{margin:0;font-size:15px;color:#173d73}.panel-sub{font-size:10.5px;color:#8b9bad;margin-top:3px}
.chart-bars{height:220px;display:flex;align-items:flex-end;gap:12px;padding:20px 8px 0;border-bottom:1px solid #e3eaf1;background:linear-gradient(180deg,#fff,#fbfdff)}
.chart-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.chart-value{font-size:9px;color:#64788e;white-space:nowrap;font-weight:700}.chart-bar-wrap{height:155px;width:min(42px,72%);display:flex;align-items:flex-end}.chart-bar{width:100%;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#54d3ff,#0f93e7);box-shadow:0 7px 16px rgba(15,147,231,.18)}.chart-label{font-size:9px;color:#7b8fa4}
.debt-row{margin:15px 0}.debt-row-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#526982;margin-bottom:6px}.debt-row-head b{color:#183b69}.progress{height:8px;background:#edf2f7;border-radius:20px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#0da3ef,#21c5ee)}
.panel .card{box-shadow:none;background:#f7fbff;border-color:#e1edf6}

.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.quick-action{display:flex;align-items:center;gap:10px;border:1px solid #e0e9f1;background:#fff;border-radius:12px;padding:12px 13px;box-shadow:var(--shadow);transition:.15s}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}.quick-action-icon{flex:0 0 35px;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#fff}.quick-action b{display:block;font-size:12px;color:#173d73}.quick-action small{display:block;color:#8a9bad;margin-top:2px;font-size:10px}
.qa-blue .quick-action-icon{background:linear-gradient(135deg,#159ff4,#0678e9)}.qa-green .quick-action-icon{background:linear-gradient(135deg,#15c98b,#06ad70)}.qa-purple .quick-action-icon{background:linear-gradient(135deg,#a15af3,#7653e8)}.qa-orange .quick-action-icon{background:linear-gradient(135deg,#ffb31e,#f08c17)}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1dc58d;margin-right:6px}.empty-state{padding:22px;text-align:center;color:#8a9daf}

.login-body{background:#eaf3fb}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,48%) 1fr}
.login-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:48px;background:
 radial-gradient(circle at 20% 18%,rgba(39,190,255,.38),transparent 25%),
 radial-gradient(circle at 82% 75%,rgba(0,203,255,.22),transparent 28%),
 linear-gradient(180deg,rgba(0,76,157,.88),rgba(0,38,88,.95)),
 linear-gradient(145deg,#0b98ea,#073f87)}
.login-brand-panel:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-80px;height:260px;background:linear-gradient(165deg,transparent 0 30%,rgba(255,255,255,.07) 31% 38%,transparent 39%),linear-gradient(12deg,#06376d 0 35%,#0d5a9e 36% 52%,#0a78b9 53% 61%,transparent 62%);opacity:.7}
.login-brand-wrap,.login-slogan,.login-brand-footer{position:relative;z-index:2}
.login-logo-mark{width:105px;height:105px;margin:0 auto 16px;border-radius:32px;display:grid;place-items:center;font-size:72px;font-style:italic;font-weight:950;background:linear-gradient(150deg,#fff 3%,#a8d8ff 35%,#0285ff 48%,#02d0ff 100%);color:#0a4d8f;box-shadow:0 15px 30px rgba(0,0,0,.18)}
.login-brand-name{font-size:42px;font-weight:950;letter-spacing:.4px}.login-brand-name span{color:#16c9ff}.login-brand-company{font-size:14px;letter-spacing:2.5px;margin-top:3px;color:#d9efff}.login-product{font-size:29px;font-weight:900;margin-top:25px}.login-product span{color:#12d0ff}.login-product-sub{font-size:16px;color:#d9efff;margin-top:3px}
.login-slogan{margin-top:55px;max-width:480px}.login-slogan b{display:block;font-size:22px}.login-slogan span{display:block;color:#cbe9ff;margin-top:8px}
.login-brand-footer{position:absolute;bottom:28px;font-size:10px;color:#c5e3fb}.login-brand-footer b,.login-brand-footer span{display:block;margin-top:4px}
.login-form-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(140deg,#f9fcff,#e8f5ff)}
.login-card{width:min(430px,100%);background:#fff;border:1px solid #dbe8f4;border-radius:20px;padding:32px;box-shadow:0 20px 55px rgba(25,80,135,.14)}.login-card-head{text-align:center;margin-bottom:22px}.login-mini-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,#139ff5,#0b65e9);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(13,129,237,.22)}.login-card h1{font-size:28px;margin-bottom:5px}.login-card p{color:#7489a0;margin:0}.login-card label{display:block;color:#264e79;font-size:12px;font-weight:800;margin:14px 0 6px}.login-input-wrap{position:relative}.login-input-wrap>span{position:absolute;left:12px;top:11px;color:#0d8df5;font-size:11px;z-index:2}.login-input-wrap .input{padding-left:34px;background:#f8fbfe}.login-submit{width:100%;margin-top:20px;min-height:44px;font-size:14px}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #e5edf4;margin-top:24px;padding-top:20px}.login-features>div{text-align:center;color:#496984;font-size:10px}.login-features b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf7ff;color:#0d8df5;margin:0 auto 7px;font-size:15px}

.receipt{width:72mm;background:#fff;color:#000;margin:20px auto;padding:4mm;font-family:Arial;font-size:12px}.receipt h2{text-align:center;margin:4px}.receipt hr{border:0;border-top:1px dashed #000}

@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:930px){.dashboard-grid{grid-template-columns:1fr}.side{width:205px}.main{margin-left:205px}.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:420px}.login-brand-footer{position:relative;bottom:auto;margin-top:45px}}
@media(max-width:700px){.side{position:static;width:auto}.main{margin-left:0;padding:0 14px 30px}.app-topbar{margin:0 -14px 15px}.side-nav{max-height:270px;overflow:auto}.side-user{display:none}.metric-grid,.quick-actions{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.dashboard-title{font-size:23px}.login-form-panel{padding:22px}.login-brand-panel{padding:35px 20px}.login-brand-name{font-size:34px}}
@media print{body{background:#fff}.side,.app-topbar,.no-print{display:none!important}.main{margin:0;padding:0;background:#fff}.receipt{margin:0;width:72mm}}

.side-company{
  margin-top:auto;
  padding:15px 11px 13px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#fff;
  line-height:1.45;
}
.side-company b{
  display:block;
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  line-height:1.45;
  margin-bottom:8px;
}
.side-company a{
  display:block;
  color:#9fd5f7;
  font-size:11px;
  margin-top:4px;
  transition:.15s;
}
.side-company a:hover{color:#fff}

.side-company{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:16px 7px 14px;
}
.side-company b{
  width:100%;
  text-align:center;
  font-size:10px;
  line-height:1.55;
  letter-spacing:.15px;
  margin-bottom:9px;
}
.side-company a{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  font-size:11px;
  margin:3px 0;
}
.company-icon{
  width:19px;
  height:19px;
  flex:0 0 19px;
  border-radius:6px;
  display:inline-grid;
  place-items:center;
  background:rgba(31,166,245,.17);
  border:1px solid rgba(99,202,255,.24);
  color:#65d1ff;
  font-size:11px;
  line-height:1;
}

.app-topbar{
  position:relative;
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto minmax(190px,1fr);
  gap:18px;
  align-items:center;
}
.topbar-left{justify-self:start}
.topbar-center{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:18px;
  padding:7px 15px;
  border:1px solid #d9e8f4;
  border-radius:13px;
  background:rgba(255,255,255,.68);
  box-shadow:0 5px 16px rgba(37,92,140,.06);
  backdrop-filter:blur(8px);
}
.topbar-clock{
  text-align:center;
  min-width:150px;
  line-height:1.2;
}
.topbar-clock span{
  display:block;
  color:#7088a0;
  font-size:10px;
  font-weight:700;
}
.topbar-clock b{
  display:block;
  margin-top:3px;
  color:#123f77;
  font-size:16px;
  letter-spacing:.3px;
}
.topbar-weather{
  display:flex;
  align-items:center;
  gap:8px;
  padding-left:16px;
  border-left:1px solid #d8e6f2;
}
#weatherIcon{font-size:24px}
.topbar-weather b{
  display:block;
  color:#123f77;
  font-size:14px;
}
.topbar-weather small{
  display:block;
  color:#738aa1;
  font-size:9px;
  margin-top:1px;
}
.topbar-user{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:9px;
  color:#214d7d;
  border-radius:12px;
  padding:5px 8px;
  transition:.15s;
}
.topbar-user:hover{background:#e4f3ff}
.topbar-user b{display:block;font-size:12px}
.topbar-user small{display:block;font-size:9px;color:#7b92a8;margin-top:1px}
.topbar-avatar-img,
.topbar-avatar-fallback{
  width:38px;
  height:38px;
  border-radius:50%;
  flex:0 0 38px;
}
.topbar-avatar-img{
  object-fit:cover;
  border:2px solid #fff;
  box-shadow:0 0 0 2px #70bff2;
}
.topbar-avatar-fallback{
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#168cf0,#095fca);
  font-weight:900;
  border:2px solid #fff;
  box-shadow:0 0 0 2px #70bff2;
}
.profile-page{
  max-width:720px;
  margin:28px auto;
}
.profile-card{padding:25px}
.profile-head{
  display:flex;
  align-items:center;
  gap:17px;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #e3ebf2;
}
.profile-head h1{margin:0 0 3px;font-size:22px}
.profile-big-photo,
.profile-big-fallback{
  width:82px;
  height:82px;
  border-radius:50%;
  flex:0 0 82px;
}
.profile-big-photo{
  object-fit:cover;
  border:4px solid #fff;
  box-shadow:0 0 0 2px #51b4f2,0 8px 20px rgba(20,100,170,.15);
}
.profile-big-fallback{
  display:grid;
  place-items:center;
  font-size:32px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#20aef8,#0960d0);
}
.profile-error{background:#fff0f2;border-color:#ffcbd2;color:#b5283a}

@media(max-width:1050px){
  .app-topbar{grid-template-columns:1fr auto}
  .topbar-center{grid-column:1/-1;grid-row:2;width:100%;justify-content:center;margin-top:-8px}
  .app-topbar{height:auto;padding-top:10px;padding-bottom:10px}
}
@media(max-width:700px){
  .topbar-center{gap:10px;padding:7px 9px}
  .topbar-clock{min-width:auto}
  .topbar-weather{padding-left:10px}
  .topbar-user div{display:none}
}

.comm-settings-grid{max-width:1050px}
.comm-compose{max-width:1050px}
.comm-textarea{width:100%;resize:vertical;min-height:150px;line-height:1.55}
.comm-channels{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.comm-channels label{
  display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #d8e6f2;
  border-radius:10px;background:#f7fbfe;font-weight:700;color:#315b83;cursor:pointer
}
.comm-ok{color:#0a9e67}.comm-bad{color:#d13b50}

.nav-group{margin:2px 0}
.nav-group>summary{list-style:none;cursor:pointer;user-select:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group-title{display:flex!important;align-items:center}
.nav-group-title .nav-arrow{margin-left:auto;font-size:15px;transition:transform .18s ease}
.nav-group[open] .nav-group-title .nav-arrow{transform:rotate(180deg)}
.nav-sub{margin:3px 0 7px 20px;padding-left:8px;border-left:1px solid rgba(255,255,255,.14)}
.nav-sub .nav-item{font-size:13px;padding-top:8px;padding-bottom:8px}
.nav-sub .nav-icon{font-size:13px}


.login-help{text-align:right;margin-top:12px}
.login-help a{color:#0b76d8;text-decoration:none;font-weight:700;font-size:14px}
.login-help a:hover{text-decoration:underline}
.login-link-btn{display:block;text-align:center;text-decoration:none}
.alert.success{background:#eaf8ef;border-color:#bfe7ca;color:#18743a}

/* Mesaj Merkezi v2 */
.comm-modebar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.comm-modebar label,.comm-channels.compact label{display:inline-flex;align-items:center;gap:7px;background:#f3f8fd;border:1px solid #d9e7f3;border-radius:10px;padding:9px 12px;font-weight:800;color:#244f78}
.comm-contact-line{margin-top:8px;color:#6b8299;font-size:12px}
.comm-bulk{border:1px solid #dce7f0;border-radius:12px;padding:14px;background:#fbfdff}
.comm-recipient-summary{margin:12px 0 8px;color:#234d74}
.comm-recipient-list{max-height:360px;overflow:auto;border:1px solid #e0e9f1;border-radius:10px;background:#fff}
.comm-recipient{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid #edf2f6;cursor:pointer}
.comm-recipient:last-child{border-bottom:0}.comm-recipient:hover{background:#f6fbff}.comm-recipient input{margin-top:4px}
.comm-recipient span{display:flex;flex-direction:column;gap:2px}.comm-recipient small{color:#7b8fa4}
.comm-placeholders{margin:10px 0 14px;padding:10px 12px;border-radius:9px;background:#f6f9fc;color:#657b91;font-size:11px;line-height:1.7}