*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;background:#efefef;font:13px "Trebuchet MS",Arial,sans-serif;color:#3f3f3f;display:flex;align-items:center;justify-content:center;overflow:hidden}.hidden{display:none!important}.shell{width:748px;height:510px;border:1px solid #c8c8c8;border-radius:3px;background:#eee;box-shadow:inset 0 0 0 1px #fafafa;overflow:hidden}.window-title,.topbar,.sub-title,.panel-title{background:linear-gradient(#f8bd45,#ee9f13);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.18);font-weight:bold}.window-title{height:27px;padding:6px 12px;border:1px solid #d99000;border-radius:3px 3px 0 0}.login-screen{position:relative;height:508px;overflow:hidden}.twitter-block{position:absolute;left:290px;top:58px;display:flex;align-items:center;gap:12px;color:#f18800;font-size:20px;line-height:22px}.twitter-block strong{font-size:28px;letter-spacing:1px}.twitter-icon{width:54px;height:54px;border-radius:10px;background:linear-gradient(#73d7ef,#12a1cb);color:#dff9ff;text-align:center;font:bold 54px Arial;line-height:50px;box-shadow:0 0 0 4px #d8edf2}.panel{border:1px solid #d8d8d8;background:#f5f5f5;overflow:hidden}.login-box{position:absolute;top:151px;left:166px;width:408px;height:210px}.panel-title{height:27px;line-height:27px;padding:0 12px;border-bottom:1px solid #da9a18}.login-grid{width:330px;margin:22px auto 0}.form-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 12px;align-items:center}.form-grid label{text-align:right;font-weight:bold}.form-grid input,.form-grid select,select,input,textarea{height:23px;border:1px solid #d8d8d8;border-radius:4px;background:linear-gradient(#fff,#f5f5f5);padding:2px 6px;color:#444;font:13px "Trebuchet MS",Arial,sans-serif}textarea{width:100%;resize:none;background:#fafafa}.check{text-align:left!important;font-weight:normal!important}.login-actions{text-align:right;width:330px;margin:8px auto}.btn,button{border:1px solid #d4d4d4;border-radius:4px;background:linear-gradient(#fff,#eee);color:#0786bd;font-weight:bold;padding:5px 14px;cursor:pointer;font:13px "Trebuchet MS",Arial,sans-serif}.primary{min-width:122px}.login-links{position:absolute;bottom:8px;left:12px;right:12px;display:flex;justify-content:space-between}.login-links a{color:#333}.topbar{height:32px;border:1px solid #b67c00;border-bottom:0;border-radius:3px 3px 0 0;display:grid;grid-template-columns:1fr 280px 95px;align-items:center;padding:0 8px}.brand,.credit,.logout{color:#fff}.brand{font-weight:bold}.logout{border:0;background:transparent;padding:0;text-align:right;text-shadow:inherit}.tabs{height:37px;display:flex;border-left:1px solid #b67c00;border-right:1px solid #b67c00;background:#eea92a}.tab{height:34px;border-radius:0;margin:0 1px 0 0;padding:0 20px;border:1px solid #d0d0d0;border-bottom:2px solid #d99000;background:linear-gradient(#fff,#eee);color:#0786bd}.tab.active{border-bottom-color:#fff;color:#f39a00;background:#fff}.content{height:441px;margin:0 4px 4px;background:#eee;border:1px solid #d8d8d8;border-top:0;position:relative;overflow:hidden}.page{display:none;height:100%;overflow:hidden}.page.active{display:block}.sub-title{height:28px;line-height:26px;margin:10px 14px 0 14px;padding-left:13px;border:1px solid #da9a18;display:flex;align-items:center;justify-content:space-between}.help{height:24px;width:150px;margin-right:1px;padding:2px 12px;background:linear-gradient(#fff,#f4f4f4);color:#0786bd;text-shadow:none}.two-col{display:grid;grid-template-columns:366px 296px;gap:14px;margin:16px 31px 0 31px;align-items:start}.inline{display:flex;gap:5px;align-items:center}.inline input,.inline select{flex:1}.panel-title.split{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 8px}.panel-title.split button{height:25px;min-width:36px;padding:1px 8px;margin-left:3px;color:#f39a00;text-shadow:none}.panel-title.split select{height:25px;border:0;border-left:1px solid #d8d8d8;border-radius:0;width:180px;color:#0786bd}.grid{width:100%;border-collapse:collapse;background:#f9f9f9}.grid th{height:25px;color:#0786bd;border:1px solid #d8d8d8;background:linear-gradient(#fff,#eee);font-weight:bold}.grid td{height:25px;border:1px solid #ddd;padding:3px 6px}.grid tbody tr:nth-child(even){background:#f1f1f1}.contacts-panel{height:365px}.contacts tbody{display:block;height:305px;overflow-y:auto}.contacts thead,.contacts tbody tr{display:table;width:100%;table-layout:fixed}.contacts th:first-child,.contacts td:first-child{width:28px}.grid-tools{height:30px;display:flex;gap:8px;align-items:center;padding-left:8px}.grid-tools button{border:0;background:transparent;padding:2px;color:#f5a000}.send-panel-wrap{width:296px;display:flex;flex-direction:column;gap:10px}.sender-panel{height:67px}.sender-panel .row,.message-panel .row{display:flex;gap:8px;padding:8px}.sender-panel select,.template-row select{flex:1;color:#0786bd}.message-panel{height:291px}.message-panel .panel-title{padding:0 12px}.message-panel .panel-title button{height:24px;padding:2px 8px}.message-panel textarea{height:178px;border-radius:4px 4px 0 0;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}.template-row{padding:8px 8px 0!important}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 8px 8px}.quick-receiver{height:207px}.quick-receiver .panel-title{height:27px}.quick-receiver .radios{height:49px;padding:17px 24px 0 24px}.radios{display:flex;gap:44px;white-space:nowrap}.radios label{font-weight:normal}.quick-receiver .form-grid{grid-template-columns:135px 176px;margin-left:7px;gap:8px 13px}.quick-receiver .form-grid label{text-align:right}.quick-multi{display:block;width:310px;height:104px;margin:13px 0 0 27px;background:#fff;border:1px solid #cfcfcf}.notice{font-weight:bold;margin:31px 10px 0 10px;font-size:14px;white-space:nowrap}.quick-send .sender-panel{height:67px}.quick-send .sender-row{padding:8px 8px 0 8px;display:grid;grid-template-columns:1fr 34px;gap:8px}.quick-message-panel{height:291px}.quick-message-panel textarea{height:178px}.quick-actions{grid-template-columns:1fr 1fr 27px;gap:7px;padding:8px 0 0 0}.quick-actions .btn{height:34px;padding:5px 8px}.voice-btn{font-size:15px;padding:5px 0!important;color:#f39a00!important}.list-page{padding-bottom:0}.right-tools{display:flex;margin-left:auto}.right-tools button{height:24px;border-radius:3px;margin-right:2px;padding:2px 20px}.right-tools .active-filter{color:#f39a00}.big{width:93%;margin:17px auto 0}.big tbody{display:block;height:335px;overflow-y:auto}.big thead,.big tbody tr{display:table;width:100%;table-layout:fixed}.bottom{width:93%;margin:0 auto;border:1px solid #ddd;border-top:0;background:#eee}.beheer-grid{height:365px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:150px 150px;gap:12px 70px;padding:33px 70px}.beheer-grid button{height:108px;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:12px;color:#0786bd}.beheer-grid strong{border:1px solid #d6d6d6;border-radius:4px;background:linear-gradient(#fff,#eee);padding:10px 18px;min-width:145px}.icon{font-size:56px;line-height:60px;text-shadow:0 2px 3px #aaa}.mail{color:#ffc800}.db{color:#7fd018}.people{font-size:48px}.clip{font-size:50px}.account-page{padding:0 16px}.account-page .panel{height:165px;margin-top:16px}.account-grid{width:600px;margin:18px 0 0 50px;grid-template-columns:160px 235px 1fr}.account-grid button{grid-column:3}.shop{margin:20px;height:300px;text-align:center;padding:40px}.shop-cards{display:flex;justify-content:center;gap:14px;margin-top:30px}.modal-layer{position:fixed;inset:0;background:repeating-linear-gradient(135deg,rgba(0,0,0,.28),rgba(0,0,0,.28) 4px,rgba(0,0,0,.20) 4px,rgba(0,0,0,.20) 8px);display:flex;align-items:flex-start;justify-content:center;padding-top:51px}.modal{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 8px rgba(0,0,0,.25);min-width:440px}.modal .modal-title{height:32px;margin:0;background:linear-gradient(#f8bd45,#ee9f13);color:#fff;font-weight:bold;padding:8px 14px;border:1px solid #da9a18;border-radius:4px 4px 0 0}.modal-body{padding:15px 20px}.modal-footer{text-align:right;border-top:1px solid #e6e6e6;padding:14px 20px}.modal.wide{width:560px}.modal.xwide{width:650px}.modal-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal textarea{height:120px}.listbox{height:160px;overflow:auto;border:1px solid #ddd;background:#fff}.listbox div{padding:5px;border-bottom:1px solid #eee}.listbox div.active{background:#fff4a8}.orange{background:#ff7900!important;color:white!important}.disabled{opacity:.4}.modal.sweet{width:564px;border-radius:5px;box-shadow:none;text-align:center}.sweet-box{padding:38px 52px 48px 52px;color:#777;font-family:Arial,sans-serif}.sweet-icon{width:96px;height:96px;border:4px solid #d7e5ea;border-radius:50%;margin:0 auto 28px auto;color:#c9d9de;font-size:62px;line-height:90px;font-family:Georgia,serif}.sweet-box h1{font-size:34px;line-height:38px;color:#565a60;margin:0 0 28px 0;font-weight:bold}.sweet-box p{font-size:18px;line-height:22px;margin:8px 0;color:#777}.sweet-box .ok{margin-top:36px;background:#ff8200!important;color:#fff!important;border-color:#ff8200!important;min-width:98px;height:44px;font-size:18px;border-radius:5px}

/* Quick SMS refinements */
.content{margin:0;background:#eee;border:0}
.page.active{display:block;border:1px solid #d8d8d8;margin:0 3px 3px;height:438px;background:#eee}
.quick-two-col{grid-template-columns:365px 297px;gap:14px;margin:14px 22px 0 22px;align-items:start}
.quick-left-col,.quick-right-col{display:flex;flex-direction:column}
.quick-receiver{height:210px;background:#f3f3f3}
.quick-receiver .panel-title,.quick-contact-panel .panel-title,.quick-send .sender-panel .panel-title,.quick-send .message-panel .panel-title{padding:0 12px}
.panel-title.split > span:last-child{display:flex;align-items:center;gap:4px}
.panel-title.split button{display:flex;align-items:center;justify-content:center;height:26px;min-width:34px;padding:0 6px;margin-left:0;line-height:1}
.quick-receiver .panel-title.split,.quick-message-panel .panel-title.split{padding-right:4px}
.quick-receiver .radios{height:auto;padding:21px 24px 12px 24px;gap:56px}
.quick-receiver .form-grid{grid-template-columns:138px 176px;margin-left:0;padding:0 32px 0 17px;gap:8px 12px}
.quick-receiver .form-grid input{height:23px}
.notice{font-weight:bold;margin:30px 0 0 14px;font-size:14px;white-space:nowrap}
.quick-contact-panel{height:158px;margin-top:10px;background:#f3f3f3}
.quick-contact-panel .radios{padding:20px 24px 0 24px;gap:38px}
.quick-contact-panel .form-grid{grid-template-columns:145px 1fr;gap:12px 10px;padding:18px 18px 0 12px;align-items:center}
.quick-contact-panel .form-grid label{text-align:left;font-weight:bold}
.quick-contact-panel .inline{display:grid;grid-template-columns:1fr 34px;gap:8px;align-items:center}
.quick-contact-panel select{height:23px}
.quick-send{width:297px;gap:9px}
.quick-send .sender-panel{height:67px;background:#f3f3f3}
.quick-send .sender-row{padding:10px 8px 0 8px;display:grid;grid-template-columns:1fr 34px;gap:8px;align-items:start}
.quick-send .sender-row select,.quick-send .sender-row button,.quick-send .template-row select,.quick-send .template-row button{height:27px}
.quick-send .sender-row button,.quick-send .template-row button,.quick-actions .btn,.quick-message-panel .panel-title button{display:flex;align-items:center;justify-content:center;padding:0}
.quick-message-panel{height:292px;background:#f3f3f3}
.quick-message-panel .panel-title{height:31px;line-height:30px;padding-right:6px}
.quick-message-panel .panel-title button{height:25px;min-width:36px;margin-top:2px}
.quick-message-panel textarea{height:178px;border-radius:0;border:1px solid #bfbfbf;margin:0 0 0 0}
.quick-send .message-panel .row{padding:8px 8px 0 8px;display:grid;grid-template-columns:1fr 27px 27px;gap:8px;align-items:center}
.quick-actions{grid-template-columns:1fr 1fr 28px;gap:6px;padding:8px 8px 8px 8px}
.quick-actions .btn{height:34px;padding:0 8px}
.voice-btn{font-size:15px;padding:0!important;color:#f39a00!important}
.quick-multi{display:block;width:310px;height:104px;margin:13px 0 0 27px;background:#fff;border:1px solid #cfcfcf}
.quick-contact-panel .radios label,.quick-receiver .radios label{display:flex;align-items:center;gap:6px}

/* Quick SMS refinements round 2 */
.quick-two-col{grid-template-columns:365px 297px;gap:14px;margin:14px 22px 0 22px;align-items:start}
.quick-left-col,.quick-right-col{display:flex;flex-direction:column}
.quick-receiver{height:218px;background:#f3f3f3}
.quick-contact-panel{height:162px;margin-top:10px;background:#f3f3f3}
.quick-send{width:297px;gap:10px}
.quick-send .sender-panel{height:67px;background:#f3f3f3}
.quick-message-panel{height:313px;background:#f3f3f3}
.quick-receiver .panel-title.split,
.quick-send .sender-panel .panel-title,
.quick-send .message-panel .panel-title,
.quick-contact-panel .panel-title{height:28px;line-height:27px}
.quick-receiver .panel-title.split{padding-right:4px}
.quick-receiver .panel-title.split > span:last-child{display:flex;align-items:center;gap:4px}
.quick-receiver .panel-title.split > span:last-child button,
.quick-message-panel .panel-title.split > span:last-child button{height:23px;min-width:28px;padding:0 5px;margin:2px 0 0 0;display:flex;align-items:center;justify-content:center;line-height:1}
.quick-send .sender-row{padding:8px 8px 0 8px;display:grid;grid-template-columns:1fr 30px;gap:8px;align-items:center}
.quick-send .sender-row select{height:23px;margin:0}
.quick-send .sender-row button{height:23px;min-width:30px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}
.quick-receiver .radios{height:auto;padding:22px 23px 10px 23px;gap:55px}
.quick-receiver .radios label{display:flex;align-items:center;gap:6px}
.quick-receiver .form-grid{grid-template-columns:132px 176px;margin-left:0;padding:0 18px 0 11px;gap:8px 12px}
.quick-receiver .form-grid label{text-align:right}
.notice{font-weight:bold;margin:30px 0 0 6px;font-size:13px;white-space:nowrap;letter-spacing:0}
.quick-contact-body{padding:16px 14px 0 14px}
.quick-contact-panel .radios{gap:36px;margin-bottom:18px}
.quick-contact-panel .radios label{display:flex;align-items:center;gap:6px;white-space:nowrap}
.quick-group-field label{display:block;font-weight:bold;margin-bottom:10px}
.quick-group-row{display:grid;grid-template-columns:1fr 34px;gap:8px;align-items:center}
.quick-group-row select{height:23px;color:#0786bd}
.quick-group-row button{height:23px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}
.quick-message-panel .panel-title{padding-right:6px}
.quick-message-panel textarea{height:177px;border-radius:0;border:1px solid #bfbfbf;margin:0}
.quick-send .message-panel .row{padding:8px 8px 0 8px;display:grid;grid-template-columns:1fr 27px 27px;gap:8px;align-items:center}
.quick-send .template-row select{height:27px}
.quick-send .template-row button{height:27px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}
.quick-actions{grid-template-columns:1fr 1fr 28px;gap:6px;padding:8px 8px 8px 8px}
.quick-actions .btn{height:34px;padding:0 8px;display:flex;align-items:center;justify-content:center}
.voice-btn{font-size:15px;padding:0!important;color:#f39a00!important}

/* Quick SMS refinements round 3 - opmerkingen rood screenshot */
.quick-two-col{
  grid-template-columns:365px 297px;
  gap:14px;
  margin:14px 22px 0 22px;
  align-items:start;
}

/* 1. Ontvanger groupbox iets kleiner, inhoud compacter en tekst hoger */
.quick-receiver{
  height:207px !important;
  background:#f3f3f3;
}
.quick-receiver .radios{
  padding:17px 23px 8px 23px !important;
  gap:40px !important;
}
.quick-receiver .form-grid{
  grid-template-columns:132px 176px !important;
  padding:0 18px 0 11px !important;
  gap:8px 12px !important;
}
.notice{
  margin:22px 0 0 6px !important;
  font-size:12.5px !important;
  font-weight:bold;
  white-space:nowrap;
  letter-spacing:-0.1px;
}

/* 2. Header iconen minder hoog en exact gecentreerd */
.quick-receiver .panel-title.split > span:last-child button,
.quick-message-panel .panel-title.split > span:last-child button{
  height:22px !important;
  min-width:27px !important;
  padding:0 5px !important;
  margin:2px 0 0 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:12px !important;
}

/* 3. Contact opties ruimer, radiobuttons hoger/dichter bij elkaar, groepveld niet op bodem */
.quick-contact-panel{
  height:171px !important;
  margin-top:10px !important;
  background:#f3f3f3;
}
.quick-contact-body{
  padding:14px 14px 0 14px !important;
}
.quick-contact-panel .radios{
  gap:34px !important;
  margin-bottom:14px !important;
}
.quick-contact-panel .radios label{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  white-space:nowrap !important;
}
.quick-group-field label{
  display:block !important;
  font-weight:bold !important;
  margin-bottom:8px !important;
}
.quick-group-row{
  display:grid !important;
  grid-template-columns:1fr 34px !important;
  gap:8px !important;
  align-items:center !important;
}
.quick-group-row select{
  height:23px !important;
  color:#0786bd;
}
.quick-group-row button{
  height:23px !important;
  min-width:34px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

/* 4. Rechter onderblok weer gelijke bodemhoogte met Contact opties */
.quick-send{
  width:297px !important;
  gap:10px !important;
}
.quick-send .sender-panel{
  height:67px !important;
}
.quick-message-panel{
  height:321px !important;
  background:#f3f3f3;
}
.quick-message-panel textarea{
  height:185px !important;
  border-radius:0;
  border:1px solid #bfbfbf;
  margin:0;
}

/* Afzender edit-knop: knop volgt combobox-hoogte, niet andersom */
.quick-send .sender-row{
  padding:8px 8px 0 8px !important;
  display:grid !important;
  grid-template-columns:1fr 30px !important;
  gap:8px !important;
  align-items:center !important;
}
.quick-send .sender-row select{
  height:23px !important;
  margin:0 !important;
  padding-top:1px !important;
  padding-bottom:1px !important;
}
.quick-send .sender-row button{
  height:23px !important;
  min-width:30px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:12px !important;
}

.quick-send .message-panel .row{
  padding:8px 8px 0 8px !important;
  display:grid !important;
  grid-template-columns:1fr 27px 27px !important;
  gap:8px !important;
  align-items:center !important;
}
.quick-send .template-row select,
.quick-send .template-row button{
  height:27px !important;
}
.quick-actions{
  grid-template-columns:1fr 1fr 28px !important;
  gap:6px !important;
  padding:8px 8px 8px 8px !important;
}
.quick-actions .btn{
  height:34px !important;
}

/* Quick SMS refinements round 4 - contact opties compact + bottom spacing */
.quick-contact-panel{
  height:150px !important;
  margin-top:10px !important;
}
.quick-contact-body{
  padding:10px 12px 0 12px !important;
}
.quick-contact-panel .radios{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:30px !important;
  padding:0 !important;
  margin:0 0 14px 0 !important;
}
.quick-contact-panel .radios label{
  white-space:nowrap !important;
}
.quick-group-field{
  padding:0 6px 0 2px !important;
}
.quick-group-field label{
  margin-bottom:7px !important;
}
.quick-group-row{
  grid-template-columns:1fr 30px !important;
  gap:8px !important;
}
.quick-group-row button{
  min-width:30px !important;
}
.quick-message-panel{
  height:293px !important;
}
.quick-message-panel textarea{
  height:160px !important;
}
.quick-actions{
  padding:8px 8px 10px 8px !important;
}