/* ASY Coffee Intelligence V201.1.7 — coffee-native visual identity over Midnight */
.asy-coffee{--bean:#b88755;--crema:#e7c79c;--foam:#f5e4c6;--espresso:#100b09;--border:#3d3025;color:#f5ebdf;position:relative;isolation:isolate;max-width:100%;min-width:0;overflow:clip}
.asy-coffee button,.asy-coffee input,.asy-coffee select,.asy-coffee textarea{font:inherit}
.asy-coffee .coffee-header{position:relative;background:radial-gradient(ellipse at 88% 20%,rgba(154,96,51,.35),transparent 53%),radial-gradient(circle at 8% 85%,rgba(131,84,39,.18),transparent 48%),linear-gradient(118deg,#15100d,#050404 75%);border:1px solid #493322;border-radius:22px;padding:25px 25px 29px;display:flex;justify-content:space-between;align-items:center;gap:15px;overflow:hidden}
.asy-coffee .coffee-header:after{content:"";position:absolute;right:8%;top:-80px;width:260px;height:260px;border:2px solid rgba(231,177,113,.13);border-radius:50%;box-shadow:0 0 0 30px rgba(231,177,113,.045),0 0 0 60px rgba(231,177,113,.025);pointer-events:none}
.coffee-head-tag{font-size:11px;letter-spacing:.2em;font-weight:800;color:#d6a474}
.asy-coffee .coffee-header h1{font-size:clamp(27px,4vw,43px);letter-spacing:-.045em;margin:9px 0 5px;color:var(--foam);line-height:1.15}
.asy-coffee .coffee-header p{font-size:13px;color:#a99989;margin:0;max-width:480px}
.asy-coffee .btn.gold{background:linear-gradient(130deg,#deb882,#ab7441)!important;color:#18110d!important;border-color:#d1a26a!important;font-weight:800}
.asy-coffee .coffee-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:17px 1px 13px;position:sticky;top:0;z-index:3;background:#050505}
.asy-coffee .coffee-tabs button,.coffee-periods button{border:1px solid #3b3028;background:#17120f;color:#bba998;padding:10px 15px;border-radius:12px;white-space:nowrap;cursor:pointer;font-size:12px;font-weight:700;min-height:39px}
.asy-coffee .coffee-tabs button.on,.coffee-periods button.on{background:#432c1b;border-color:#b58450;color:#f5d4a8}
.asy-coffee .coffee-tabs button:hover,.coffee-periods button:hover{border-color:#ae885d;color:#fff}
.asy-coffee .coffee-periods{display:flex;gap:7px;flex-wrap:wrap;padding:6px 0 15px}
.asy-coffee .coffee-content{display:grid;gap:17px;min-width:0}
.coffee-hero{position:relative;isolation:isolate;min-height:215px;overflow:hidden;border:1px solid #563926;border-radius:22px;padding:29px 30px;background:radial-gradient(ellipse at 72% 78%,rgba(136,84,37,.35),transparent 50%),radial-gradient(circle at 97% 16%,rgba(175,109,44,.28),transparent 35%),linear-gradient(116deg,#1a110c,#080605 77%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.coffee-hero:after{content:"";position:absolute;right:-74px;bottom:-182px;width:330px;height:330px;border:22px solid rgba(182,119,65,.15);border-radius:50%;box-shadow:0 0 0 7px rgba(244,201,143,.11),0 0 0 28px rgba(227,152,79,.06);z-index:-1}
.coffee-bean-art{pointer-events:none;position:absolute;right:6%;top:20px;display:flex;align-items:center;gap:20px;transform:rotate(-15deg);font-size:31px;color:rgba(235,177,104,.36);opacity:.8}.coffee-bean-art span:first-child{font-size:88px;filter:sepia(.45)}
.coffee-eyebrow{font-size:10px;letter-spacing:.18em;color:#e4aa74;font-weight:800}
.coffee-hero h2{font-size:clamp(26px,4vw,45px);letter-spacing:-.05em;color:#f4d5ad;margin:9px 0;line-height:1.05}
.coffee-hero p{font-size:13px;color:#c8afa0;max-width:465px}
.coffee-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.coffee-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.coffee-kpi{border:1px solid #352a23;border-radius:17px;padding:17px;min-width:0;background:radial-gradient(ellipse at 100% 0%,rgba(156,100,52,.12),transparent 65%),#11100e}
.coffee-kpi-name{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#bca58a;display:flex;align-items:center;gap:7px}
.coffee-kpi-name span{color:#d7ab75;font-size:17px}
.coffee-kpi strong{font-size:clamp(20px,2.5vw,29px);line-height:1.35;color:#fbe4c4;display:block;margin-top:9px;font-weight:850;letter-spacing:-.03em;overflow-wrap:anywhere}
.coffee-kpi small{color:#908275;display:block;font-size:11px;margin-top:4px;line-height:1.5}
.coffee-overview-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.coffee-panel{border:1px solid #342b25;background:linear-gradient(150deg,#15120f,#0b0a09);border-radius:18px;padding:19px;min-width:0;overflow:hidden}
.coffee-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.coffee-panel-head h3{font-size:17px;letter-spacing:-.02em;font-weight:800;color:#f4d6b4;margin:0}
.coffee-panel-head span{font-size:10px;color:#a88f72}
.coffee-goal{display:flex;gap:18px;align-items:center}.coffee-goal strong{color:#e8caab;font-size:16px}.coffee-goal p{font-size:12px;color:#b9a593;line-height:1.5;margin:6px 0}
.coffee-ring{--pct:0;flex:none;width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#d4a771 calc(var(--pct)*1%),#3b2c22 0);position:relative;box-shadow:inset 0 0 0 1px #765236}
.coffee-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#14100e;border:1px solid #53371f}
.coffee-ring div{position:relative;text-align:center}.coffee-ring b{display:block;font-size:29px;color:#f5dcc0}.coffee-ring small{font-size:11px;color:#b49d87}
.coffee-quicks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.coffee-quick{display:flex;align-items:center;gap:9px;border-radius:11px;border:1px solid #5a3d27;background:#24190f;color:#ebc89d;padding:11px;cursor:pointer;text-align:left;font-size:12px;font-weight:700}
.coffee-quick:hover{background:#382514;border-color:#bd8e59}.coffee-quick span{font-size:18px}
.coffee-sub,.coffee-note{color:#a99784;font-size:12px;line-height:1.65;margin:12px 0 0}
.coffee-note{border-left:3px solid #af854e;padding:9px 12px;background:#24190f;color:#e2c5a1}
.coffee-empty{padding:22px 14px;border-radius:12px;background:#17120f;border:1px dashed #493829;color:#b6a493;font-size:12px;line-height:1.6}
.coffee-bar-chart{display:flex;align-items:flex-end;gap:4px;min-width:0;overflow-x:auto;min-height:150px;padding:15px 2px 1px;border-bottom:1px solid #393027}
.coffee-bar-col{min-width:18px;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px}
.coffee-bar-col i{display:block;width:min(100%,24px);min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#e5bc83,#76502f);border:1px solid #9d7346}
.coffee-bar-col small{font-size:9px;white-space:nowrap;max-width:66px;overflow:hidden;text-overflow:ellipsis;color:#938473}
.coffee-bar-num{font-size:9px;font-variant-numeric:tabular-nums;color:#edc99e}
.coffee-records{display:grid;gap:8px;max-height:680px;overflow-y:auto}
.coffee-record{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;background:#16110e;border:1px solid #35271b;border-radius:12px;padding:12px}
.coffee-record-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:21px;background:#322115}
.coffee-record strong{font-size:13px;color:#eed2b0;display:block}.coffee-record small{font-size:11px;color:#a49382;display:block;margin-top:3px;overflow-wrap:anywhere}
.coffee-record-actions{display:flex;flex-wrap:wrap;gap:6px}.coffee-record-actions button,.coffee-row button{border:1px solid #4d3929;border-radius:8px;background:#211710;padding:6px 10px;color:#dfbc92;cursor:pointer;font-size:11px}
.coffee-record-actions button:hover{border-color:#d0a273}
.coffee-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;border-bottom:1px solid #342820;font-size:12px;color:#cfbca8}
.coffee-row b{color:#f1d5b6}.coffee-row span{color:#ae9a86}
.coffee-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.coffee-insight{border:1px solid #4c3523;background:#20160f;border-radius:13px;padding:13px}
.coffee-insight strong{color:#f2d0a7;font-size:13px}.coffee-insight p{font-size:12px;color:#c2ab96;line-height:1.65}
.coffee-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}
.coffee-inline-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:9px;margin:15px 0}
.coffee-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.coffee-settings label{display:grid;gap:8px;font-size:12px;color:#c8ad8c}
.coffee-settings button{grid-column:1/-1;justify-self:start}
.coffee-modal{position:fixed;inset:0;background:rgba(0,0,0,.86);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:5vh 14px;z-index:9999}
.coffee-editor{width:min(790px,100%);border:1px solid #9d7044;background:#100d0b;border-radius:20px;padding:20px;box-shadow:0 30px 100px #000;max-height:90vh;overflow-y:auto}
.coffee-modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.coffee-modal-top h3{margin:0;color:#f6d6ac;font-size:20px}
.coffee-close{background:#291d13;border:1px solid #5f4833;border-radius:9px;color:#f1d2aa;font-size:23px;width:38px;height:38px;cursor:pointer}
.coffee-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.coffee-field{min-width:0;display:grid;gap:5px;color:#cdb18f;font-size:12px}
.coffee-field .input,.coffee-field .select,.coffee-settings .input,.coffee-inline-form .input{background:#1b1612!important;border-color:#4a3728!important;color:#f6e2c8!important;min-width:0;max-width:100%;width:100%}
.coffee-form-actions{margin-top:17px;display:flex;justify-content:flex-end;gap:8px}
.coffee-footer{font-size:11px;color:#8b7967;padding:20px 4px}
.coffee-integration{border-color:#493527!important;background:linear-gradient(130deg,#201711,#0e0b09)!important}
.coffee-integration .label{color:#d9b17e!important}
@media(max-width:1000px){.coffee-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-overview-split{grid-template-columns:1fr}.coffee-bean-art{opacity:.35}}
@media(max-width:600px){.asy-coffee .coffee-header{padding:17px;flex-direction:column;align-items:flex-start}.asy-coffee .coffee-tabs{margin-inline:-3px;padding:10px 0}.asy-coffee .coffee-tabs button{padding:9px 12px}.coffee-hero{padding:22px 18px;min-height:220px}.coffee-kpis{gap:8px}.coffee-kpi{padding:12px}.coffee-kpi-name{font-size:10px}.coffee-kpi strong{font-size:20px}.coffee-panel{padding:13px}.coffee-panel-head h3{font-size:15px}.coffee-ring{width:95px;height:95px}.coffee-ring:before{inset:9px}.coffee-ring b{font-size:23px}.coffee-goal{gap:10px}.coffee-insights{grid-template-columns:1fr}.coffee-record{grid-template-columns:33px minmax(0,1fr);gap:9px}.coffee-record-icon{height:33px;width:33px}.coffee-record-actions{grid-column:2;justify-content:flex-start}.coffee-fields-grid,.coffee-settings{grid-template-columns:1fr}.coffee-inline-form{grid-template-columns:1fr 1fr}.coffee-inline-form input:first-child{grid-column:1/-1}.coffee-editor{max-height:94vh;padding:13px}.coffee-modal{padding:3vh 6px}.coffee-bar-col{min-width:15px}.coffee-bar-col small{font-size:8px}}
@media print{body[data-asy-page="coffee"] .sidebar,body[data-asy-page="coffee"] .topbar,body[data-asy-page="coffee"] .mobile-nav,body[data-asy-page="coffee"] .coffee-tabs,body[data-asy-page="coffee"] .coffee-modal,body[data-asy-page="coffee"] .coffee-form-actions{display:none!important}.asy-coffee{color:#24211d!important}.asy-coffee .coffee-panel,.asy-coffee .coffee-kpi{break-inside:avoid;background:#fff!important;border:1px solid #ccc!important;color:#222!important}.coffee-panel h3,.coffee-kpi strong{color:#222!important}}